1494746 - Words are merged together when using `word-wrap: break-word` with a small width

Status: RESOLVED DUPLICATE of bug 1241631

(Core :: Disability Access APIs, defect, P3)

Description

[Anika Henke]

Attachment: Accessibility Inspector showing textleaf on test case

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.81 Safari/537.36

Steps to reproduce:

Open the reduced test case on http://jsbin.com/guxovas
This test case has (sometimes hidden) content ("Posted on") with a width of 1px inside a container with `word-wrap: break-word`.

Either navigate with a screen reader (e.g. NVDA) to the content under "Hidden content with the issue" and listen to what it reads.
Or alternatively open the accessibility inspector and read what the "textleaf" reports the content is.



Actual results:

You will hear (or read) "Postedon".


Expected results:

You should hear (or read) "Posted on".

Comment 1

[Cameron McCormack (:heycam)]

I'm trying to check whether this is a recent regression or not, but yes I wouldn't expect that the presence of word-wrap:break-word should affect what the accessible text content is.

Comment 2

[Cameron McCormack (:heycam)]

Attachment: mochitest patch

Doesn't look like this is a recent regression.

For reference here's a mochitest that currently fails.

Comment 3

[Anika Henke]

I've just checked if any other related CSS declarations trigger the same issue. I found that apart from the above mentioned `word-wrap: break-word`, the following trigger this as well:

* word-break: break-all
* word-wrap: break-word

Comment 4

[James Teh [:Jamie]]

Note that this also affects node.innerText, since it uses the same code.

Comment 5

[Anika Henke]

This seems to be fixed now since Firefox 71 with https://bugzilla.mozilla.org/show_bug.cgi?id=1241631.