:modal — стили открытого dialog без [open]
![:modal — стили открытого dialog без [open]](https://pusk-media.ru/blog/modal-pseudo-backdrop-style-cover.png)
Селектор dialog:modal применяется, когда <dialog> показан через .showModal() — можно задить анимацию входа и outline: none на фокусируемой обёртке без класса .is-open в JS.
Парно стилизуйте dialog::backdrop для затемнения.
- [:modal — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:modal) — Псевдокласс :modal.
- [<dialog> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) — Элемент dialog.
---
## Фокус
Не убирайте видимый focus ring у первого фокусируемого элемента внутри модалки.
