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.

Modal window does not work (v0.18.0)

See original GitHub issue

RE the closed issue: https://github.com/bootstrap-vue/bootstrap-vue/issues/276

I have recently discovered this is still an issue with bootstrap-vue V0.18.0. The grey overlay is present, but modal itself is not. My project makes use of bootstrap.scss for bootstrap styling. Can confirm .modal { display: block; } works around the problem.

Issue Analytics

State:
Created 6 years ago
Comments:12 (6 by maintainers)

Top GitHub Comments

1reaction

tmorehousecommented, Sep 12, 2017

Based on your code, you are generating the modal by hand (as plain HTML). https://github.com/amigoge/test-merchants/blob/master/views/index.ejs

You need to render your modal using the <b-modal> component. Please refer to the documentation at: https://bootstrap-vue.js.org/docs/components/modal

All Bootstrap-Vue components are VueJS components. BootstrapVue cannot control manually generated HTML components.

1reaction

alexsasharegancommented, Jul 17, 2017

I dug into the dist last week, and I saw the scoped css being generated (.modal[data-v=<hash>]). This could be an issue with the order things are imported. Any code samples of how your build process is setup would be helpful!

Top Results From Across the Web

how to destroy bootstrap modal window completely?

NOTE: This solution works only for Bootstrap before version 3. For a Bootstrap 3 answer, refer to this one by ... After this...

modal windows stopped working - WordPress.org

Hello. Try to deactivate the plugin Autoptimize and test. ... pro-tip; you can disable Autoptimize on a per-request basis by adding ?ao_noptimize=1 to...

The current state of modal dialog accessibility - TPGi

The first button will open a dialog that will not receive focus on iOS 11.4 Safari + VO. The second button, where the...

Changelog — Bitburner 2.1.0 documentation

SCRIPTS * FIX #4081 Rerunning a script from tail window recalculates ram usage ... Add big number format support in some Corporation's modal...

Basic Usage — slackclient (Legacy Python Slack SDK)

By default, threaded replies do not appear directly in the channel, ... and payload["callback_id"] == "open-modal-shortcut": # Open a new modal by a...