note

地味だけど効くCSS「pointer-events: none」でクリックを無効化

ローディング中の操作ロック：送信中・処理中のUIを無効化 ツールチップや装飾要素の背面透過：見た目だけで操作を邪魔しない 一時的なインタラクション制御：アニメーション中や条件付きで操作不可に 注意点 pointer-events: none は完全にイベントを遮断 ...
GitHub

Bug-Hunter-X/CSS-Pointer-Events-Block-Child-Hover-h7ydu

This repository demonstrates a common yet easily overlooked issue in CSS where the pointer-events: none property on a parent element prevents hover effects from working on its child elements. The ...
note

「The State of CSS 2021」で振り返るCSSの近況（後編）

引き続き、昨今のCSS状況を「The State of CSS」にて振り返ります。 以下のサイトに掲載されている内容のうち、使用率が高いもの、馴染みがないものや忘れているものを中心に調べ直しています。 今回は後編として、インタラクション、タイポグラフィ ...
Ars Technica

Pointer Events finalized, but Apple’s lack of support still a deal breaker

The Pointer Events specification, an API for Web developers to handle touch, mouse, and pen inputs in Web applications, has been published as a Recommendation by the World Wide Web Consortium. This is ...
GitHub

[Wasm] When Css Style "clip-path" applied to Canvas, Canvas receive wrong Pointer Event.

Consider below example, GreenCanvas inside the RedCanvas, and I set css style "clip-path" on GreenCanvas : GreenCanvas.SetCssStyle("clip-path", "path('M300,0 500,50 ...