We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Page content is jumping vertically when using Boostrap 5 offcanvas and modal components.
Please watch the video to see the issue in question: https://app.screencastify.com/v3/watch/eEgOFiBe7LaCQA7la1eg
This happens:
Any potential fix or a workaround would be welcome. I can think of two workarounds so far, but that doesn't fix the core of the problem:
You can test it in the Boostrap docs https://getbootstrap.com/docs/5.3/components/modal/#how-it-works
Make sure to test it with a smaller browser window, so the container is 100%.
Windows, macOS
Chrome, Microsoft Edge
v5.3.3
The text was updated successfully, but these errors were encountered:
A common approach is to add some custom CSS that prevents the body from shifting when the modal or offcanvas component is opened
Sorry, something went wrong.
Hi, everything I've tried so far didn't fix the issue. Did you have any particular CSS fix in mind?
No branches or pull requests
Prerequisites
Describe the issue
Page content is jumping vertically when using Boostrap 5 offcanvas and modal components.
Please watch the video to see the issue in question: https://app.screencastify.com/v3/watch/eEgOFiBe7LaCQA7la1eg
This happens:
Any potential fix or a workaround would be welcome. I can think of two workarounds so far, but that doesn't fix the core of the problem:
Reduced test cases
You can test it in the Boostrap docs https://getbootstrap.com/docs/5.3/components/modal/#how-it-works
Make sure to test it with a smaller browser window, so the container is 100%.
What operating system(s) are you seeing the problem on?
Windows, macOS
What browser(s) are you seeing the problem on?
Chrome, Microsoft Edge
What version of Bootstrap are you using?
v5.3.3
The text was updated successfully, but these errors were encountered: