Что делает свойство touch-action?

Question

Accepted Answer

## Контекст

`touch-action` подсказывает браузеру, **какие жесты на элементе обрабатывать нативно** (скролл, зум), а какие отдать скрипту.

## Типичные значения

- `auto` — поведение по умолчанию;
- `none` — браузер не обрабатывает жесты (нужны свои listeners, осторожно с a11y);
- `pan-x` / `pan-y` — разрешить панорамирование по оси;
- `manipulation` — обычно pan + pinch-zoom выключен → меньше ~300ms delay на старых мобильных кликах.

```css
.carousel {
  touch-action: pan-y; /* вертикальный скролл страницы ок, горизонталь — ваша логика */
}
.map-canvas {
  touch-action: none;
}
```

Это не замена `pointer-events` и не «отключение кликов».

## Итог

Управляет нативными touch-жестами. Для кастомных свайпов ограничивайте оси через `touch-action`, не ломая скролл всего документа без нужды.