258263 - {inc} Weird behavior with gap between two characters with css (see testcase for more example)

Status: RESOLVED WORKSFORME

(Core :: Layout: Text and Fonts, defect)

Description

[David Björklund]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.3) Gecko/20040906 Firefox/1.0 PR (NOT FINAL)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.3) Gecko/20040906 Firefox/1.0 PR (NOT FINAL)

It's really difficult for me to explain what happens, but basically when
hovering a character a little gap between the two characters appears. Even
thought they shouldn't.
See testcase for an example.

Reproducible: Always
Steps to Reproduce:

Comment 1

[David Björklund]

Attachment: Testcase about the bug

testcase

Comment 2

[Martijn Wargers (dead)]

Attachment: Same testcase, but a bit easier to view

I've used a bit different colors so the bug is easer to see.
I can see the bug, using:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040902
Firefox/0.9.1+

Comment 3

[Hermann Schwab]

Attachment: Y with selection frame

3 kb screenshot of selected Y

Comment 4

[Hermann Schwab]

Attachment: E with selection frame

E selected, selection framer is wider than E and cuts Y and A

Comment 5

[Hermann Schwab]

Attachment: A selected

A selected, frame is smaller than char

Comment 6

[Hermann Schwab]

Attachment: All selected

All selected, as the selection frame of Y is smaller than the char, part of it
is uncovered

Comment 7

[Hermann Schwab]

Attachment: Y hovered

On hovering the green Y gets painted red, but only in the area coverd by the
selection frame, so there are still two small green areas at the top.
Same can be seen at the feet of the A, when hovered.

Comment 8

[Hermann Schwab]

confirming: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8a3) Gecko/20040906

I produced the selection frames by right-clicking on the character, the switched
to another tab and back to get rid of the context menu.
Attached images are 3 kb screenshots.
The selection frames can also be seen in DOM inspector, when View-Browser and
Blink selected element is checked. Expand tree, and click on the A elements.