Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bootstrap 4 modal animations do not work

See original GitHub issue

I am not sure but documentation for B4 modals https://getbootstrap.com/docs/4.6/components/modal/ has an example named Live demo which should be animated but it is not. It displays without any animation. Also I have a project where I import bootstrap via npm

window.$ = window.jQuery = require('jquery')
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'

and modals with .fade class also have no animation. Is it a bug or not? Thanks.

Issue Analytics

State:
Created 2 years ago
Comments:9 (4 by maintainers)

Top GitHub Comments

1reaction

camohubcommented, Aug 30, 2021

Yes I have it. It works. On Windows Settings > Ease of access > Show animations

Thanks.

0reactions

BubbaSheencommented, Aug 29, 2021

Nope they don’t work at all

On Sun, Aug 29, 2021, 2:49 PM Gaël Poupard @.***> wrote:

Yes it does. The CSS media-query prefers-reduced-motion responds to user preferences.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/twbs/bootstrap/issues/34829#issuecomment-907848314, or unsubscribe https://github.com/notifications/unsubscribe-auth/AIK4WZVHBXDE66BWVXWWBY3T7J6LZANCNFSM5C4FVBIQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.