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.

How to prevent modal from being closed when pressing anywhere on the screen?

See original GitHub issue

What package(s) are you using?

carbon-components
carbon-components-react

Summary

How to prevent closing the modal popup when clicking with the mouse outside the popup screen?

Relevant information

Issue Analytics

State:
Created 4 years ago
Comments:14 (6 by maintainers)

Top GitHub Comments

1reaction

zbeedatmcommented, Nov 1, 2019

Opened #4516

0reactions

stale[bot]commented, Dec 4, 2019

As there’s been no activity since this issue was marked as stale, we are auto-closing it.

Top Results From Across the Web

Disable click outside of bootstrap modal area to close modal

On Options chapter, in the page you linked, you can see the backdrop option. Passing this option with value 'static' will prevent closing...

How to Prevent Bootstrap Modal from Closing when Clicking ...

How to prevent Bootstrap modal from closing when clicking outside. Topic: Bootstrap / SassPrev|Next. Answer: Use the Modal's backdrop Option.

Prevent Bootstrap Modal Popup from closing when clicked ...

Here Mudassar Khan has explained with an example, how to prevent Bootstrap Modal Popup from closing when clicked outside.

Prevent Closing Bootstrap Modal When Clicking Outside

To prevent closing the Bootstrap modal when clicking outside popup, use data-backdrop and data-keyboard attributes in Bootstrap and HTML.

Disable modal pop-up from closing when clicking outside it

Data-keyword="false" is to prevent closing modal while clicking Esc button, while data-backdrop="static" , allows you keep modal pop-up opened when clicking on ...