LoginSignup
1
0

More than 1 year has passed since last update.

ChromeやEdgeでborder-collapse、border-left、width:100%を使用すると最終行だけニョキる

Last updated at Posted at 2021-11-11

何を言っているのかry)

今までIEだけに対応していたサイトを、Edgeでも表示できるように対応していて
①tableにborder-collapse: collapse
②border-left: 10px
を指定したテーブルと

tdの中にwidth:100%としたinput type="text"を配置したとき

See the Pen Untitled by vranometria (@vranometria) on CodePen.

image.png

なんか2行目が長い

もう1行足してみる

image.png
3行目が長い
最終行がニョキる・・・

image.png
↑IEやfirefoxだと発生しない

調べていた所、Chrome 91からtableの描画はTableNGというシステムに変わり、大幅な変更があったということなので(参考)、
tableNGを一旦無効にして確認したところ、発生しなくなる。
また、tdにborder-styleを指定した場合も発生しなくなる。

何なんでしょう

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0