[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