Add `modal-open` class when transition is complete

This commit is contained in:
Son Tung Ngo 2022-09-02 11:54:56 +02:00 committed by GitHub
parent 1617753be2
commit 5b36b577c9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 3 deletions

View File

@ -109,9 +109,6 @@ class Modal extends BaseComponent {
this._isTransitioning = true
this._scrollBar.hide()
document.body.classList.add(CLASS_NAME_OPEN)
this._adjustDialog()
this._backdrop.show(() => this._showElement(relatedTarget))
@ -188,6 +185,8 @@ class Modal extends BaseComponent {
this._element.classList.add(CLASS_NAME_SHOW)
const transitionComplete = () => {
document.body.classList.add(CLASS_NAME_OPEN)
if (this._config.focus) {
this._focustrap.activate()
}