子要素も含むクリック可能なアイテムがあります。私の問題は、クリックされた項目の :active 状態を 1px の翻訳を使用してアニメーション化することから生じます。
- クリックのマウスダウンが子要素に着陸する
- 1px の移動は、マウス ポインターの下から子要素を移動します。
- mouseup イベントが親要素で発生するようになりました
これにより、クリックがキャンセルされます。CSSを使用して子要素がクリックをキャッチするのを防ぐことはできますpointer-events: noneが、新しくて不安定なため、より互換性のある修正を見つけたいと思っています。今のところ、アイテム全体の上に透明な DIV を貼り付けるだけに落ち着きましたが、それは醜いです。
このペンの誇張されたデモ: http://codepen.io/JonFabritius/pen/mJuzy
オレンジ色のバーの下半分をクリックしてみてください。ポインターは子要素の上に残ります。次に、上半分をクリックします。これにより、要素がポインタの下から移動します。
おそらく私をじっと見つめているのでしょうが、簡単な修正を見つけることができませんでした-どんなアイデアでも大歓迎です。