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> black background without transparency.
See original GitHub issueOn trigger of modal window I got black background instead of transparent.
Computed bg div contains only modal-backdrop class.
<div id="modal-add-detail___BV_modal_backdrop_" class="modal-backdrop"></div>
But in original bootstrap, this div additionally contains fade and show classes.
<div class="modal-backdrop fade show"></div>
If I add this classes in debugger I got transparent bg, as it should be.
Issue Analytics
- State:
- Created 4 years ago
- Comments:13 (1 by maintainers)
Top Results From Across the Web
How to change background Opacity when bootstrap modal is ...
I am assuming you want to set the opacity of the modal background... Set the opacity via CSS .modal-backdrop { opacity:0.5 !important; }....
Read more >Modal background pitch black (no transparency ... - GitHub
Hi! I just generated a customized version and the modal background is totally black (I also generated a version without any change to...
Read more >How To Use Opacity and Transparency to Create a Modal ...
When styling HTML with CSS, opacity can help soften a shadow, ... White modal box with a black background covering the rest of...
Read more >How to change the opacity of modal background?
Hello! So I'm looking to adjust the background opacity of the modals you see by clicking the 4 blue buttons on this page...
Read more >ModalPopupExtender Background is Solid Black / Not ... - MSDN
What I've been trying to say is that the transparent Modal background does not fill the entire page, as it should. The whole...
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
classes
fadeandshoware only applied during the transitioning.Make sure you are including the BootstrapVue CSS after Bootstrap v4 CSS
Duplicate: https://github.com/bootstrap-vue/bootstrap-vue/issues/3438
Hi, I fixed this issue with the property hide-backdrop .