clicking "Custom Modal" in the doc scrolls the page

[benatkin]

When I click the white on red button that says "Custom Modal" in the documentation it scrolls the page. Here's an example of before and after. This is in Chrome, and I am not scrolling in between the screen shots, this happens automatically. It only happens on the Custom Modal with the top to bottom animation, not the "Click to toggle modal" with the fade-in.

Before clicking:

After clicking and waiting a couple seconds, it's scrolled down:

[mgcrea]

@benatkin did not have the time to dig in, it seems to be CSS related and caused by this:
https://github.com/mgcrea/bootstrap-additions/blob/master/src/modal/modal.less transform: translateX(-50%) translateY(-50%);

[samstr]

+1

I have noticed this happening in my project too.

When I use data-animation="am-fade-and-slide-top" the page will jump during the animation.
Other animations are fine (am-fade-and-scale, like the example).

It's an issue when using that particular animation.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.