Skip to content
GitLab

Added animation when modal backdrop is static

Merged Administrator requested to merge github/fork/anjoshigor/modal-backdrop-static into master

Created by: anjoshigor

The problem

When the modal backdrop is static, it should not hide when user clicks outside it or press escape key. But the current behavior wasn't in agreement with this requisite.

more info on issue #26704 (closed)

The solution

  • When the event KEYDOWN_DISMISS is fired, the static property is verified and another event HIDE_PREVENTED is fired.
  • The event, if not prevented, is handled and a 1.2 scale transition is performed.
  • If anyone wants to ovewrite this behavior, he/she should listen to the new HIDE_PREVENTED event and handle it accordingly.

Evidence

backdrop

Any doubts and suggestion, please contact! 🤘

P.S: I'm planning to update doc in another PR.

Preview: https://deploy-preview-29516--twbs-bootstrap.netlify.com/docs/4.3/components/modal/#static-backdrop