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.
b-modal in a document level full screen mode
See original GitHub issueDescribe the bug
I want to show my modal in a document level because I have a full screen mode and the modal was not visible if full screen mode was enabled.
I already tried to add static prop but this destroys my layout. Is there a way to specify in b-modal where the parent I would like to add the modal?
Issue Analytics
- State:
- Created 2 years ago
- Comments:8 (3 by maintainers)
Top Results From Across the Web
Some elements hidden in full screen? - Remy Sharp
The visitor would then load up the board and they tap "full screen", from thereon in, the modals, like <GettingStartedModal> is invisible. It's ......
Read more >Bootstrap Modal not show fullscreen - Stack Overflow
It's not fullscreen. My question simple is: have any method to append width and height of the class contain modal to body to...
Read more >Modal · Bootstrap v5.0
Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Read more >Element.requestFullscreen() - Web APIs | MDN
The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in fullscreen mode.
Read more >Viewing PDFs and viewing preferences, Adobe Acrobat
To page through the document, click the screen displaying the page in Full Screen mode. Choose View > Full Screen Mode.
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
I’m guessing the modal isn’t located inside the div you are fullscreening? Since if it was, the
staticprop should make it work as you want based on the codepen below…https://codepen.io/Hiws/pen/OJmXMXR
If you want to place the modal in one place, and render it in a different place. You can use portal-vue, which is also what BootstrapVue uses for moving the modal to the end of
<body>AFAIK.closing this issue. solve using portal-vue as suggested