bottom sheet not closing on outside click in angular 6

Question

I am using angular 6 material and I have implemented the bottom sheet in my code. I have use the code given on the material website. I have import all the necessary modules.

Problem: bottom sheet not closing on outside click and also not getting a transparent background.

enter image description here

Answer 1

尝试删除禁用关闭，我在 stackbliz 中测试了您的代码并且它有效，控制台中有任何错误吗？

Answer 2

I was having the same issue . I fixed it by changing the value of hasBackdrop to true in module.ts In documentation , it is set to false . Maybe this will fix it .