After closing modal gray background remains

Question

I`m using Meteor and Materialize. Repo. On hosting.

After closing modal, gray background not disappear! You can check it on Group page. You must create group first, then click "Add participant" and close. You`ll see it. About modals on documentation you can find at materializecss.com. Today I create "Leave/delete group" button with the same modal, and I still face with this bug. Help me please

Due to limitation, I can post just 2 links. Ask if something is not clear

Modal code [here](https://gist.github.com/CandyOgre/d7f702918460e8f9538d2f63073bd03b) — Максим Романюк, May 25 '16 at 11:46
[File](https://github.com/CandyOgre/pizza-day/blob/master/imports/ui/pages/group_page/users.html) with modal html — Максим Романюк, May 25 '16 at 11:47
[File](https://github.com/CandyOgre/pizza-day/blob/master/imports/ui/pages/group_page/users.js) with logics — Максим Романюк, May 25 '16 at 11:47

score 1 · Answer 1 · answered May 28 '16 at 23:31

1

After creating that dialog window in the markup have div.lean-overlay was created. See somewhere in your code, it`s possible, you run some code 3 times. And after click "close" only 1 of 3 overlays has removed. Other two stay on the page.

Or you can hack it, just $('.lean-overlay').remove(); But, it`s not right way...

answered May 28 '16 at 23:31

Pavel Shalaev

11
1

$('.lean-overlay').remove() is not so pretty, but works for my problem, thanks! – Isac Moura Apr 23 '19 at 13:27

score 0 · Answer 2 · answered May 26 '16 at 18:37

0

You can use jQuery to hide it when its supposed to hide.

$('.grayBackgroundClass').hide();

Also, for closing modals the code is

$('.modalClass').modal('hide');

answered May 26 '16 at 18:37

Luna

1,168
8
17

After closing modal gray background remains

2 Answers2