Bug 15222

Summary: Extra right margin with input fields
Product: WebKit Reporter: Jan Boeijink <jjj>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: CLOSED FIXED    
Severity: Normal    
Priority: P2    
Version: 523.x (Safari 3)   
Hardware: Mac   
OS: OS X 10.4   
Attachments:
Description Flags
Example right margin on input fields none

Jan Boeijink
Reported 2007-09-16 06:23:44 PDT
Unwanted right margin with text input and textarea fields. See example.
Attachments
Example right margin on input fields (556 bytes, text/html)
2007-09-16 06:25 PDT, Jan Boeijink 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jan Boeijink
Comment 1 2007-09-16 06:25:59 PDT
Created attachment 16300 [details] Example right margin on input fields
Jan Boeijink
Comment 2 2007-09-16 06:28:04 PDT
Comment on attachment 16300 [details] Example right margin on input fields ><html><body><table><tbody><tr><td style="background-color:#ddd;"> > <textarea style="margin:0;" rows="3">Resizing adds about 8px right margin</textarea></td></tr></tbody></table><br><br> > > <table><tbody><tr><td style="background-color:#ddd;">8px right margin is already there</textarea></td></tr></tbody></table><br><br> > > <table><tbody><tr><td style="background-color:#ddd;"> > <input type="text" style="margin:0px;width:300px;border:1px solid grey;" rows="3" value="Inputfield with extra right margin, though less wide"></td></tr></tbody></table></body></html>
Jan Boeijink
Comment 3 2007-09-16 07:36:40 PDT
Comment on attachment 16300 [details] Example right margin on input fields ><html><body><table><tbody><tr><td style="background-color:#ddd;"> > <textarea style="margin:0;" rows="3">Resizing adds right margin</textarea></td></tr></tbody></table><br><br> > > <table><tbody><tr><td style="background-color:#ddd;"> > <textarea style="margin:0;width:300px;" rows="3">Fixed size: right margin is already there</textarea></td></tr></tbody></table><br><br> > > <table><tbody><tr><td style="background-color:#ddd;"> > <input type="text" style="margin:0px;width:300px;border:1px solid grey;" rows="3" value="Inputfield with extra right margin, though less wide"></td></tr></tbody></table></body></html>
Jan Boeijink
Comment 4 2007-09-16 07:41:04 PDT
Comment on attachment 16300 [details] Example right margin on input fields Sorry for the garbage :(
David Kilzer (:ddkilzer)
Comment 5 2007-09-18 09:02:32 PDT
(In reply to comment #1) > Created an attachment (id=16300) [edit] > Example right margin on input fields This example renders similarly on Firefox 2.0.0.6 (except the text field which doesn't use a fixed-width font). I don't understand where the extra "right margin" is? Are you expecting the textarea or text field to be the exact width of the text when the "margin:0px;" style is used? Please state the "expected" behavior versus the "actual" behavior.
Jan Boeijink
Comment 6 2007-09-18 09:25:26 PDT
I'm sorry. Apparently my Webkit was not up to date? Nightly Build 25585 shows the right margins perfectly. To see the wrong margins, you could try the actual version of Safari.
Note You need to log in before you can comment on or make changes to this bug.