[Webkit-unassigned] [Bug 119139] New: Graphical Error on :hover on input element with border-radius (Blue => Orange)

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Jul 26 02:01:24 PDT 2013


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

           Summary: Graphical Error on :hover on input element with
                    border-radius (Blue => Orange)
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.8
            Status: UNCONFIRMED
          Severity: Trivial
          Priority: P5
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: thestripyscarf at icloud.com


Created an attachment (id=207518)
 --> (https://bugs.webkit.org/attachment.cgi?id=207518&action=review)
Normal State

Input buttons have the following CSS applied to them:

input[type="submit"] {
    color: #FFF;
    padding: 10px 20px;
    background: #025c88;
    border: none;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
}
input[type="submit"]:hover, input[type="submit"]:active {
    background: #c78c06;
}

When they enter the :hover state, there is a distortion around the border. This does not occur when border-radius at 0px, or when "border : none" is removed.
When -webkit-transition is removed, there is slight distortion on the border, which proceeds to get worse the more times it enters and exits the :hover state.

Steps to Reproduce:
1. Visit the attached .html document
2. Hover over the input button

Actual Result:
There's a distorted border

Expected Result:
It looks fine and dandy.

.. Did I just pick the wrong colour scheme?

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



More information about the webkit-unassigned mailing list