Bug 55179

Summary: style margin mismatch for INPUT buttons with CSS trigger :active
Product: WebKit Reporter: bugreport
Component: New BugsAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED    
Severity: Normal    
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.6   
Attachments:
Description Flags
HTML Example
none
HTML Example (corrected) none

bugreport
Reported 2011-02-24 13:55:27 PST
Created attachment 83712 [details] HTML Example For the short "margin:" definition you need up to four values in the order top, right, bottom, left. The input button element ignores these values with :active trigger. Instead the button is sliding to the left - it seams by the size of the button border. So if you see the button and click on it, the button ignores the shortened margin definition for :active and "jumps" to the left. Possible requirements to fulfill the bug is an input button with margin and background/border definition.
Attachments
HTML Example (367 bytes, text/html)
2011-02-24 13:55 PST, bugreport 		no flags
Details
HTML Example (corrected) (369 bytes, text/html)
2011-02-24 22:30 PST, bugreport 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
bugreport
Comment 1 2011-02-24 22:20:31 PST
Comment on attachment 83712 [details] HTML Example <!-- corrected margin values for vertical movement --> <html><head><style> #sbn , #sbo { background:#F0F; } #sbn:active { margin:1px 0 -1px 0; } #sbo:active { margin:1px 0 -1px; } </style><title>Example</title></head><body><div> Click the buttons to move them up and down. <input id="sbn" type="submit" value="Submit Button (normal)" /> <input id="sbo" type="submit" value="Submit Button (optimized)" /> </div></body></html>
bugreport
Comment 2 2011-02-24 22:30:41 PST
Created attachment 83773 [details] HTML Example (corrected)
Note You need to log in before you can comment on or make changes to this bug.