vodkabears / Remodal

No longer actively maintained.
http://vodkabears.github.io/remodal/
MIT License
2.75k stars 771 forks source link

Bug on IE11 #173

Closed Mowso closed 8 years ago

Mowso commented 9 years ago

Hi, me again !

There might be a bug on Internet Explorer 11: when I try to close the modal it flashes before it disappears. Any suggestions?

vodkabears commented 9 years ago

Hi. I don't have yet.

vodkabears commented 9 years ago

Hard to reproduce constantly, so not critical.

ImBobby commented 9 years ago

Just tried using BrowserStack Win8.1 IE11, could not reproduce. Screen recording will be very helpful to explain the issue.

dancetrain commented 8 years ago

Have same issue

Goico91 commented 8 years ago

Hi,

Sorry, but I'm still having this issue in IE 10 on my Windows Phone 8.

I have tried in my web app and in your home page, and in both case I can reproduce it. If you want to reproduce it, you have to open the modal and sometimes if you close directly it's reopen the modal and then inmediately desappear.

I saw that it happens when the animation is not even started, and when the animation is started it open again and then it closed.

Thank you very much.

ImBobby commented 8 years ago

I Tried testing it on windows phone 8.1 and I saw that flash. When a button close was clicked, the modal disappear, then quickly reappear then completely disappear. But it rarely happen, I tried opening and closing modal around 30 times and that problem only occur once.

It might be rendering issue but that's just a wild guess.

Goico91 commented 8 years ago

Hi,

Finally I found that the problem occurs when it makes the animation of opening and closing, because in some case it no close correctly the modal in the closing state and then at the closed state it get close correctly.

So I remove the animation's styles in my css file and it looks that it works in IE 10.

.remodal-is-opening {
    width: 0% !important;
    height: 0% !important;
    padding: 0 !important;
}

.remodal-is-closing {
    width: 0% !important;
    height: 0% !important;
    padding: 0 !important;
}

I hope that it helps, thank you.

zacol commented 8 years ago

I have the same bug in IE10 and IE11.

vodkabears commented 8 years ago

9271ab5cad4012b40a335bcefa92ae47e3181453