[csswg-drafts] [css-text-3] Bidi and pre-wrap end of line spaces (#4422)

frivoal has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-text-3] Bidi and pre-wrap end of line spaces ==
This is split form https://github.com/w3c/csswg-drafts/issues/4308: that one is about collapsible spaces, but there seems to be a similar issue for pre-wrap spaces, where the interaction of bidi and of the handing of end-of-line spaces is poorly defined and not interoperable.

https://jsbin.com/hijucaq/edit?html,css,output

<table>
<thead><tr><th  colspan=4>Unwrapped</th></tr></thead>
<tbody><tr><td  colspan=4><img src="https://user-images.githubusercontent.com/113268/66836307-0fc4c080-ef9c-11e9-9242-4f7243056395.png" alt="Unwrapped rendering"></td>
<thead><tr><th>Chrome</th><th>Firefox</th><th>Safari</th><th>Edge 18</th></tr></thead>
<tbody><tr><td><img src="https://user-images.githubusercontent.com/113268/66836378-2d922580-ef9c-11e9-8f3c-71813657bbb6.png" alt="Chrome Rendering"></td>
<td><img src="https://user-images.githubusercontent.com/113268/66836415-3a167e00-ef9c-11e9-9abd-6bc06f0a7825.png" alt="Firefox Rendering"></td>
<td><img src="https://user-images.githubusercontent.com/113268/66836434-46024000-ef9c-11e9-9084-c07bf33afe23.png" alt="Safari Rendering"></td>
<td><img src="https://user-images.githubusercontent.com/113268/66836460-52869880-ef9c-11e9-8097-89306a1abf4a.png" alt="Edge Rendering"></td></table>

I agree  mostly with Edge (except for the lack of hanging of the last space) or safari (except they clip the spaces they hang, which the spec does allow). In other words, here's what I think we should do:

<img width="218" alt="should" src="https://user-images.githubusercontent.com/113268/66836500-63370e80-ef9c-11e9-879f-091d4d26c6d9.png">

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4422 using your GitHub account

Received on Tuesday, 15 October 2019 13:39:28 UTC