1161691 - (aidemorcaM) Backwards text ":etoN" (Note) and "aidemorcaM" (Macromedia) on adobe.com page

Status: RESOLVED WONTFIX

(Web Compatibility :: Site Reports, defect, P5)

Description

[Chris Peterson [:cpeterson]]

Attachment: screenshot.png

STR:
1. Load http://www.adobe.com/resources/richmedia/tracking/designers_guide/
2. Scroll down to the "To create a new button:" section.

RESULT:

There is some backwards text ":etoN" (Note) and "aidemorcaM" (Macromedia) is floating between items 1, 2, and 3. This is not a regression: I can reproduce it in Nightly 40 and Firefox 37. Neither Chrome nor Safari render this backwards text.

See the attached screenshot.

Comment 1

[Boris Zbarsky [:bzbarsky]]

That text has "letter-spacing: -2ex" applied to it.

Simple testcase:

  data:text/html,<style>* { letter-spacing: -20px; margin-left: 200px; }</style>Some text

Of course Chrome and Safari render my simple testcase identically to Gecko...

OK, so why are they not rendering the text on the Adobe site?  They're certainly leaving space for the text vertically.  The fact that they're not rendering it seems like a WebKit/Blink bug: if I just make the text in the <p> shorter on the Adobe site it shows up in Chrome, for example.  Might be worth reporting that bug to them.

Comment 2

[Mike Taylor [:miketaylr]]

Attachment: screenshot in chrome

Still an issue, but now it reproduces in Chrome and Safari.

Comment 3

[Firefox Bug Husbandry Bot]

See bug 1547409. Moving webcompat whiteboard tags to keywords.

Comment 4

[Mike Taylor [:miketaylr]]

Let's just WONTFIX this.