Bug 98835

Summary: [Chromium] Button with overflow: auto and 0px border+padding renders with scroll bar
Product: WebKit Reporter: Ilya Sherman <isherman>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Normal CC: isherman, schenney, tkent
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.8   
URL: http://jsfiddle.net/cUVs9/

Description Ilya Sherman 2012-10-09 16:51:56 PDT
The code at the bottom of this description, also available at http://jsfiddle.net/cUVs9/, results in a button rendered with a horizontal scroll bar.  This doesn't seem appropriate -- the default sizing should cause the text to fit correctly, sans scrollbar.

<style>
#button {
  border: 0;
  overflow: auto;
  padding: 0;
}
</style>

<input type="button" id="button" value="Hello World!">​
Comment 1 Kent Tamura 2012-10-14 19:53:55 PDT
I couldn't reproduce this with Google Chrome 22/24 OSX, Windows.
Comment 2 Ilya Sherman 2012-10-15 21:20:19 PDT
(In reply to comment #1)
> I couldn't reproduce this with Google Chrome 22/24 OSX, Windows.

I am testing with OS X 10.8.2.  Perhaps it's a Lion-specific bug?  (I can confirm that the issue does not reproduce on Windows.)