From 0a9d5826dd5f1d5b43e7d98b062785417c3831e3 Mon Sep 17 00:00:00 2001 From: Thomas Bielich Date: Mon, 24 Aug 2026 16:15:41 +0200 Subject: [PATCH] fix(modal): hide dialog when open attribute removed Our display:grid override was preventing native dialog:not([open]) from hiding the element. Add explicit :not([open]) { display: none }. --- src/ui/patterns/modal.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/ui/patterns/modal.css b/src/ui/patterns/modal.css index c733a2c..f894bf9 100644 --- a/src/ui/patterns/modal.css +++ b/src/ui/patterns/modal.css @@ -20,6 +20,9 @@ border: var(--brand-size-border-default) solid var(--color-border-default); border-radius: var(--uif-modal-surface-border-radius); } + dialog:is(.uif-modal, .modal):not([open]) { + display: none; + } dialog:is(.uif-modal, .modal)::backdrop { background: var(--uif-modal-backdrop-color); }