タグ

2023年8月7日のブックマーク (1件)

  • 朗報! CSS Flexboxの8年越しのバグがようやく修正されます

    CSS Flexboxのこのバグに悩んだ人もいると思います。 リスト要素をFlexboxで複数列に配置し、ulにborderを適用したのに、ボーダーが全体を囲まないバグが8年越しにようやく修正されます。 左: バグ、右: 期待する表示 まずは、そのバグが確認できるデモをご覧ください。 すべてのアイテムはul内のliで実装されており、CSSでulにborder: 1px solid red;を設定しています。 しかし、ボーダーはリスト全体ではなく左端の1列のみに適用されます。このバグは現在、Chrome, Safari, Firefoxで確認できます。 参考: Issue 507397 ※上記ではEdge(non chromium version)は期待通りに表示されるとあり、Edge 115(chromium version)ではバグで表示されます。 See the Pen "flex-f

    朗報! CSS Flexboxの8年越しのバグがようやく修正されます
    coliss
    coliss 2023/08/07
    リスト要素をFlexboxで複数列に配置し、ulにborderを適用したのに、ボーダーが全体を囲まないバグが8年越しにようやく修正されます。