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

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Aug 28 13:33:59 PDT 2008


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;

- 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

- 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.

More information about the webkit-unassigned mailing list