Firefox40以降で、<input>タグのtype属性で作成した入力フォームの幅が大きく描画されます。

size属性で幅を指定…指定が無視され幅広な入力フォームが表示される。
style="width"で幅を指定…正しい幅で入力フォームが表示される。

size属性で幅を指定しているサイトが軒並みレイアウト崩れが発生しています。
これは仕様でしょうか？

例）
こちらのページのサンプルフォームを、Firefoxとそれ以外のブラウザ(Ver39以前のFirefoxでも)で表示すると幅が異なります。
http://www.htmq.com/html/input_text.shtml

_________________
Mozilla/5.0 (Windows NT 6.1; rv:40.0) Gecko/20100101 Firefox/40.0

以下の報告と同じ？
MozillaZine.jp フォーラム : トピック - Firefox/Fennec Nightly Builds井戸端会議室2
次ページ以降のレスも参照を勧めます。

提示されているBugzillaの報告は
Bug 1153513 : <input>element width is too wide than other browsers
Bug 1194055 : Size of <input>elements has changed in Firefox 40

日本語の解説は
Bug-org 1194055 Size of <input>elements has changed in Firefox 40 - WebStudio
あたりかな

上記Bug 1194055のComment 81にて、

とあるので、修正は期待できそうに思います。

_________________
Thunderbirdの基本を書いています(ずっと発展途上)　とりかごとなり。
基本の操作(画像あり)：バージョン確認　/ セーフモード / 新規プロファイル作成

返信ありがとうございます。

別トピックがあるのを気がつきませんでした…。
まさにこの報告と同じです。

Firefoxが修正されるのを期待しつつ、
ホームページ側で修正できるところは対応したいと思います。

ありがとうございました。

_________________
Mozilla/5.0 (Windows NT 6.1; rv:40.0) Gecko/20100101 Firefox/40.0

途中から失礼します。

input 要素でのボックス幅の問題が、Firefox 40.0.3 で修正されました。
https://www.mozilla.org/en-US/firefox/4 ... easenotes/


すでに meeyar さんからご紹介がありますが、このフォーラム内にも、
・Firefox/Fennec Nightly Builds井戸端会議室2
viewtopic.php?t=14561
のトピックの、次のスレッドから始まるやりとりに、同様の話題が上がっています。
viewtopic.php?t=14561&p=54828#p54828

情報共有の意味で、相互に行き来しやすいよう、URL を貼っておきます。

_________________
Mozilla/5.0 (Windows NT 6.2; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0

> 偶然的通行人さま
返信ありがとうございます。
参考URLありがとうございます。

Firefox 40.0.3 に更新して改善されたことを確認しました。

_________________
Mozilla/5.0 (Windows NT 6.1; rv:40.0) Gecko/20100101 Firefox/40.0