2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed

modal-backdrop

Backdrop and animated panel of a <details> modal.

v2.0 beta
Open .md
On this page
  1. Where it can go
  2. What it requires
  3. Attributes on the element
  4. Loading

Where it can go

  • Inside details.
  • Out of place, it stays in the page and does nothing: removed when it has no next sibling element.

What it requires

Nothing beyond Smootify: it works on every plan.

Attributes on the element

  • It reads data-target on details.
  • It reads data-overflow-body on details.
  • It reads data-fix-position on details.
  • It reads data-open-animation on details.
  • It reads data-close-animation on details.
  • Smootify writes data-state on it: do not set them yourself.

Loading

Its code loads only on pages that have modal-backdrop.

    ↑ ↓ to moveEnter to openEsc to close