[Webkit-unassigned] [Bug 12607] Links with naturally italic text not repainted properly

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=12607


webkitbugs at rmnet.com changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |webkitbugs at rmnet.com




------- Comment #6 from webkitbugs at rmnet.com  2008-08-28 13:33 PDT -------
I've just recently run into this bug with italic Helvetica at 11px.
Safari 3.1.2 (5525.20.1) & WebKit r35963.

I've found a workaround.
By adding a small equally opposing amount of padding and margin, :hover paints
correctly while *seemingly* not changing the layout.

ex (longhand, using the attached "Testcase"):

a {
        padding-right: 1em;
        margin-right: -1em;

        padding-left: 1em;
        margin-left: -1em;
}

Notes:
- The amount of padding/negative margin depends on the font and the amount to
which italicization pushes outside of the character area. In my case, with
italic Helvetica, I could set the amount to 0.1em/-0.1em. In the Testcase, 1em
did the trick. I guess one could use any value since it's effectively getting
canceled out by the equivalent negative margin. But because there may be
unforeseen side effects of this workaround, I'd think using the lowest value
would be best.

- Ems are best (obviously) because they scale with increases in font size.
Which means the workaround will continue to work if the user "Makes Text
Bigger".

- In my case (which is wrapped in <ul> and <li>)  I also found that defining
"li { list-style: none; }" causes the bug to appear. When I removed, the bug
went away.


-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.