890435 - The width of <input> tag isn't affected by some css

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[sheile1024]

Attachment: reproduce.html

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:23.0) Gecko/20100101 Firefox/23.0 (Beta/Release)
Build ID: 20130703181823

Steps to reproduce:

I want to expand width of <input> tag without width style and use below css.
Please open the attached reproduce.html in Firefox and Google Chrome.

------------------------------
.maxwidth {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  background-color: #F99;
}



Actual results:

width of <a> tag expand correctly.
But, width of <input> tag isn't affected by same css.

I'll attach a capture image immediately when created this ticket.
Firefox(upper) screenshot in attached ff_and_chrome.png


Expected results:

All elements should expand width from same css.

I'll attach a capture image immediately when created this ticket.
See Google Chrome(lower) screenshot in attached ff_and_chrome.png

Comment 1

[sheile1024]

Attachment: Screen capture in Firefox and Google Chrome

Comment 2

[Matt Wobensmith [:mwobensmith][:matt:]]

I can confirm the behavior on FF as far back as FF10, though I'm sure it's older than that.

I can confirm that both Chrome and Safari draw the second element as wide as the first.

So, we should have a reason as to why Firefox differs. However, this is not new behavior.

Comment 3

[(mostly gone) XtC4UaLL [:xtc4uall]]

FWIW, MSIE 10 behaves like Firefox.

Comment 4

[Boris Zbarsky [:bzbarsky]]

> So, we should have a reason as to why Firefox differs. 

Yes, because the spec says to do what we do.

The Safari behavior is covered by https://bugs.webkit.org/show_bug.cgi?id=81863

Chrome seems to be following the spec nowadays, like us and IE, though they also have <https://code.google.com/p/chromium/issues/detail?id=286679>.