フォームの描画について

[Pote]

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

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

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

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

[meeyar]

以下の報告と同じ？
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にて、

We are probably going to do a 40.0.3 next week. If this patch is safe, we could take it.

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

[Pote]

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

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

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

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

[偶然的通行人]

途中から失礼します。

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


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

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

[Pote]

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

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