[clreq] Browsers apply extraneous spaces when letter-spacing (#319)

xfq has just created a new issue for https://github.com/w3c/clreq:

== Browsers apply extraneous spaces when letter-spacing ==
<em>This issue applies to all languages that use letter-spacing.</em>

Currently browsers that apply letter-spacing do so by adding a space after every letter in the text that is tracked.  This results in a superfluous space at the end of the range, which creates an inappropriate gap before the following text.  It also has implications for text that has other styling, such as an outline or a coloured background, at the same time as being stretched.  

Current implementations put the letter spacing after a letter even when it is at the end of a line, which makes the line look misaligned in justified or right-justified text.

Test: [Letter-spaced text should create no space on the outside of the selection](https://github.com/w3c/line_paragraph_tests/issues/55).

![Screenshot 2020-07-13 at 17 14 20](https://user-images.githubusercontent.com/4839211/87327736-5c89f780-c52c-11ea-8d22-7b994925d61a.png)

The CSS specification requires letter-spacing to only insert space within the selection, not outside, so it is the browser implementations that need to be fixed. See [a GH issue](https://github.com/w3c/csswg-drafts/issues/1518).

For now, content authors have to work around the problem by applying a negative margin to remove the trailing space.

Given that a workaround is possible, though not really acceptable, this is prioritised as an advanced issue.

Please view or discuss this issue at https://github.com/w3c/clreq/issues/319 using your GitHub account

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

Received on Thursday, 30 July 2020 01:53:52 UTC