812452 - The behavior of Text box width and Select box width are not same

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Mosiur Rahaman Khan]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:16.0) Gecko/20100101 Firefox/16.0
Build ID: 20121024073032

Steps to reproduce:

I have set following CSS for INPUT, SELECT and TEXTAREA:
input, select, textarea
{
  padding: 3px;
  border: 1px;
  width: 150px;
}


Actual results:

I noticed following layout output:
Final width of Text box and Text area = 150 + 3 + 3 + 1 + 1 = 158
Final width of Select box = 142 + 3 + 3 + 1 + 1 = 150




Expected results:

The layout output should be same for both Text box and select box:
Final width of Text box and Text area = 150 + 3 + 3 + 1 + 1 = 158
Final width of Select box = 150 + 3 + 3 + 1 + 1 = 158

Comment 1

[Loic]

Could you attach a minimal testcased, please. It would help to test and debug.

Comment 2

[Boris Zbarsky [:bzbarsky]]

<select> has box-sizing:border-box in the UA stylesheet.

This is required for web compat, unfortunately.  If you want, you can reset box-sizing to a value you prefer, of course.

Comment 3

[Mosiur Rahaman Khan]

(In reply to Boris Zbarsky (:bz) from comment #2)
> <select> has box-sizing:border-box in the UA stylesheet.
> 
> This is required for web compat, unfortunately.  If you want, you can reset
> box-sizing to a value you prefer, of course.

I have used "box-sizing: content-box;". Now, the issue has been resolved. Thank you  Boris Zbarsky.