課題
親の要素を display: flex
に変更したところ、子要素に定義していた :hover
とVueJsのclickイベントが発生しなくなった。
原因
子のdivタグに z-index: -1
が指定してあったため。
.data-area { z-index: -1; }
対応
作るサイトによると思うけど0にしたらちゃんと表示された。
.data-area { z-index: 0; }
あまり調べてないけど -1は特別な挙動になるらしい。
親の要素を display: flex
に変更したところ、子要素に定義していた :hover
とVueJsのclickイベントが発生しなくなった。
子のdivタグに z-index: -1
が指定してあったため。
.data-area { z-index: -1; }
作るサイトによると思うけど0にしたらちゃんと表示された。
.data-area { z-index: 0; }
あまり調べてないけど -1は特別な挙動になるらしい。