初めてタイトル通りなバグに遭遇して、ググッても出てこなかった。
このバグの条件として
・position指定の親(<nav/>)relative 子(<ul/>)fixedのヘッダー固定式
・子fixedの中にドロップダウンメニュー
・同ページにvideo要素かgoogleマップがある
・1ページ程スクロールさせる
上記のようなページをchromeで閲覧すると、
ドロップダウンメニューの中身が消えたり、hover cssが無効になったりの
現象が起こった。
解決策として
親(<nav/>)relativeも fixedにしてみると直った。
このバグの条件として
・position指定の親(<nav/>)relative 子(<ul/>)fixedのヘッダー固定式
・子fixedの中にドロップダウンメニュー
・同ページにvideo要素かgoogleマップがある
・1ページ程スクロールさせる
上記のようなページをchromeで閲覧すると、
ドロップダウンメニューの中身が消えたり、hover cssが無効になったりの
現象が起こった。
解決策として
親(<nav/>)relativeも fixedにしてみると直った。