[Modal] Modal breaks when repeatedly opened and closed
See original GitHub issueSteps
Check out this fiddle that opens modalOne
, then immediately closes modalOne
and opens modalTwo
. What is left is a translucent layer on top of the whole page making it impossible to use.
Here is a video of it:
Expected Output
modalOne
opens, then modalOne
closes, then modalTwo
opens.
Version
2.3.1
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Twitter Bootstrap modal opening/closing causes fixed header ...
This is a solution that fits the cause of the behaviour the best. When modal is opened, .modal-open class is added to the...
Read more >Modal progress dialog stays open permanently, even when ...
Modal progress dialog stays open permanently, even when IDE is responsive ('Preparing Solution', 'Creating Project', Edit and Continue, etc).
Read more >Modal & Nonmodal Dialogs: When (& When Not) to Use Them
When missing information prevents the system from continuing a user-initiated process, a modal dialog can prompt the user for that information.
Read more >Video keeps playing when modal is closed - YOOtheme Support
Video keeps playing when modal is closed. Hello,. This seems to be an issue for a lot of people and i havent found...
Read more >Modal · Bootstrap v5.0
Modals are built with HTML, CSS, and JavaScript. · Clicking on the modal “backdrop” will automatically close the modal. · Bootstrap only supports...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Ah yes that’s a good suggestion! Thanks so much!
Could you not simply add a flag? https://jsfiddle.net/Lakect6m/