Animated Reveal does not work with Edge Browser
nlinn opened this issue · 5 comments
There is a problem with animated Reveal-Popups when using Microsoft Edge browser (v15) on Windows 10.
After a few open/close actions, when trying to open the reveal, the background gets dark but the reveal does not show up. When clicking on the dark background (close) the reveal shows up for a moment and closes. The problems only occurs when using animations.
Try here:
https://codepen.io/nlinn/pen/XgywjX
Versions used:
Foundation 6.4.1
MotionUI 1.2.0
WIndows 10, Microsoft Edge 15.15063
(If you're not on Windows like me: You can test Win10/Edge here: https://www.browserstack.com/test-on-microsoft-edge-browser)
Hi I experienced the same problem here. Removing the animation solves the problem.
Same here, working fine on first reveal, but not on >= 2nd time. Working fine without animation (Microsoft EdgeHTML 15.15063)
Discovered this issue on Foundation 6.3.1, upgraded to 6.4.3 and Motion UI 1.2.3 but t is still an issue with Edge 15.15063
If anyone is still having this issue, I was able to fix by updating to Foundation 6.4.3 and Motion UI 1.2.3.
Microsoft EdgeHTML 16.16299
My issue is specifically for reveals, I am able to get it to work in Edge with the following configuration:
<div class="large reveal" data-animation-in="fade-in fast" data-animation-out="fade-out fast" data-reveal>
It will only work correctly when the "fast" property is placed inside of the data-animation-in and data-animation-out.