flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita

注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f

[ebo-c]

「firefoxのバグに立ち向かう」に空目してしまってパッチ送るべしと勘違いした

[hashrock]

書いた。ありがとうflexbugs

[t-wada]

つ、つらそう…… "つらい けど、見えてる地雷は大した地雷じゃない。ありがとうflexbugs" なるほど

[jdash]

これは辛い。全然知らないバグ満載だな、flexbox。IEだけじゃないところも困るね（Safariとか）

[hit-the-light1326]

なんつーか、この先どこまでcssが先鋭化しても最初からwrap書いちゃったほうがラクなんじゃないの？

[asonas]

冒頭の画像で爆笑した

[ainame]

flextbox時代でもブラウザごとの挙動の違いによるつらみは無くならないのか

[hharunaga]

IE11では、flex-direction:column; align-items:center; のとき、アイテムの内容が折り返さずにコンテナからはみ出してしまう。対策は、max-width:100% など。

[hiro14aki]

バグ対応

[sakaguchi-ba55-0ne]

flexboxのバグチートシート

[potato4d]

ちょうど今踏んでいてめちゃめちゃ助かった、ありがとうはっしゅろっくさん

[RPM]

「divで囲ってfloatで流し込んでclearfixで解除する」で知識が止まってるので、ちんぷんかんぷんだった……。HTML5への対応時もこれで済ましてた。

[torounit]

久々にはまった

[kouna426]

ずっと悩んでたんだよーーーーーーッ神かよーーーーーーーーッッッ

[NineGates]

flexboxのバグに立ち向かう（flexboxバグまとめ） flexbox使ってますか？バグつらいですね。必死に組んだレイアウトがIE11で崩れる様を見て、膝から崩れ落ちたことは何度もあります。 Tags: from Pocket August 15, 2016 at 10:15AM via IFTTT

[webarata3]

IE11でもだめなんか。がんがるしかない。。

[ir_takt]

ぐわーっ

[nyangry]

flexbox

[t-murachi]

The つらい

[field_combat]

辛い

[iiko_1115]

まだまだdisplay:inline-block;でいいです…と思ってしまう

[Jxck]

知見だ

[vent0819]

流し読みしかしてないから見逃してるだけかもだけど、flex-directionをcolumnにしてalign-itemsをcenterを指定してもflexアイテムの中身がテキストのみの場合、IE10、11だと縦中央にならないとかあった気がするが入ってないな

[o_hiroyuki]

flexbox

[shintarowfresh]

覚えておこう。

[HM_naoto]

これはいつか絶対役立つ日が来るからメモをしとく！

[grugrut]

今どきgnomeかkde使うでしょと思ったら、あれはfluxboxか

[tyru]

https://github.com/philipwalton/flexbugs

[quick_past]

firefoxかと思った

[glat_design]

役立ちそうな要約 /

[joe-re]

これらに全部気をつけなきゃいけないのは大変だなー