00:22 | <annevk> | Should we have a dedicated TPAC channel for WHATWG folks at TPAC or use this one? 1️⃣ for this one. 2️⃣ for a new channel. I guess it would be especially useful for folks not here to vote. Based on the outcome I might do something tomorrow morning. |
00:23 | <annevk> | Now, related to that, anyone up for dinner in an hour or so? Gonna try to find something with outdoor seating. |
09:26 | <Ondřej Žára> | I am interested in positioning of the <dialog> element when open. I found https://github.com/w3c/csswg-drafts/issues/4645 and https://html.spec.whatwg.org/multipage/rendering.html#flow-content-3 and https://browserdefaultstyles.com/#dialog, but it is still not clear to me why is the <dialog> centered. In particular, 1) fixed positioning seems to be recommended, but the default styles are still showing "position:absolute"; 2) there is the "margin:auto" declaration, but this does not seem to center arbitrary elements in my userland code. |
14:14 | <Domenic> | Did you see the "The dialog element, when its is modal flag is true, is expected to act as if it had a user-agent-level style sheet rule setting the following properties:" sentence? That seems to explain it pretty clearly from my perspective |
14:23 | <Ondřej Žára> | Did you see the "The dialog element, when its is modal flag is true, is expected to act as if it had a user-agent-level style sheet rule setting the following properties:" sentence? That seems to explain it pretty clearly from my perspective position:fixed implies there will be some left/right/top/bottom positioning specified... and the "inset-block-start" property is new to me, but judging from examples at https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-start, the value of 0 would align the box with the top of the page... |
14:23 | <Ondřej Žára> | Also, some centering is happening with non-modal <dialog>s as well (via the .show() method). |
14:24 | <Ondřej Žára> | So I assume some styling/centering is going on even without the modal flag set |
16:04 | <Domenic> | I'd suggest putting all those properties (plus the UA stylesheet base) into a demo with a <div>; I believe it'll cause centering. |
16:04 | <Domenic> | You can then use your browser's inspector to see exactly how |