Re: [csswg-drafts] [css-display] Can <br> / <wbr> elements be blockified? (#7049)

Ah -- correction: actually, we're doing both. :)  We're blockifying it **and** we're surrounding it with an anonymous block.

For us, the fact that it's blockified means (roughly) that the anonymous block doesn't create a line box -- it just sets up space for its block-level element, the br, which is itself block-level.  So we render it as 0-height just as we do for this case where there's no flexbox involved:
```
data:text/html,<div style="display: block; border: solid;"><br style="display:block"></div>
```

I see Blink and WebKit both render this^ testcase with nonzero height, too, though.

Also: it looks like Chrome blockifies it as well - Chrome devtools show <br> as having computed `display:block` as a direct child of a flex container.

So I think the real difference here is just the fact that this has 0-height in Firefox:
`data:text/html,<div style="border: solid;"><br style="display:block"></div>`

-- 
GitHub Notification of comment by dholbert
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7049#issuecomment-1040843401 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 15 February 2022 22:06:06 UTC