For AI agents: the complete documentation index is available at /next/llms.txt, the full documentation bundle is available at /next/llms-full.txt, and this page is available as Markdown at /next/api/css/properties/pointer-events.md.
Lynx
  • English

      • pointer-events

      Introduction

      The pointer-events CSS property specifies whether a component can respond to touch events.

      Usage Examples

      css-apisrc/pointer-events/App.tsx
      Code
      Preview

      Syntax

      pointer-events: auto;
pointer-events: none;

      Values

      • auto

        Default value. In this case, the node can respond to touch events.

      • none

        The node cannot respond to touch events.

      Formal Definition

      Initial valueauto
      Applies toall elements that don't override hitTest
      Inheritedno
      Animatableno

      Formal Syntax

      pointer-events: auto | none;

      Differences from Web

      inherit, initial, and unset are not supported. There are no SVG only attribute values ​​such as visiblePaintedroll and visibleFill.

      Notes

      • This property has an inheritance effect, that is, when the child node does not set pointer-events, it will inherit the pointer-events value of the parent node.

      Compatibility

      LCD tables only load in the browser

      Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.