fix: settings dialog always visible — display:flex overrode native <dialog> hidden state
<dialog> is hidden by default via UA stylesheet (display:none). Our CSS set display:flex unconditionally, overriding the UA rule and making the dialog always visible. Fix: only apply display:flex when the dialog has the [open] attribute (added by showModal()).
This commit is contained in:
@@ -991,6 +991,13 @@ body {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* <dialog> is display:none by default (UA stylesheet). When opened via
|
||||
showModal(), the browser adds the [open] attribute. We apply flex layout
|
||||
only when open — otherwise our display:flex would override the UA
|
||||
display:none and make the dialog always visible. */
|
||||
.settings-dialog[open] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user