- From: Ian Kilpatrick via GitHub <sysbot+gh@w3.org>
- Date: Tue, 15 Feb 2022 00:53:32 +0000
- To: public-css-archive@w3.org
bfgeek has just created a new issue for https://github.com/w3c/csswg-drafts: == [css-display] Can <br> / <wbr> elements be blockified? == Currently there is a discrepancy between engines Blink/WebKit/EdgeHTML, and Gecko. Specifically when we have: ```html <div style="border: solid;"> <br style="display: block;"> </div> ``` Blink/WebKit/EdgeHTML ignore the display on the `<br>`/`<wbr>` elements, and will always treat these elements as basically "text". Firefox I believe will treat these elements as "text" if the `display: inline` otherwise will generate an appropriate box. ( @dholbert is this analysis correct?) This has larger effects, e.g. ```html <div style="display: flex; border: solid;"> <br> </div> ``` Here FF appears to be blockifying the `<br>`. Where as the others are treating it as "text" and surrounding it with an anonymous block. However it doesn't do this universally, e.g. ```html <div style="display: flex; border: solid; gap: 10px;"> a<br>b </div> <div style="display: flex; border: solid; gap: 10px;"> a<span></span>b </div> ``` If blockification was happening universally the two flexboxes above should render the same. Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7049 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 00:53:41 UTC