Prevent text selection on SVG controls #181

New Issue

2026-08-06T17:58:44+02:00

jakob.gregory commented

2026-08-06 17:58:44 +02:00

Prevent text selection on SVG controls

Problem

Interactive controls that are represented by SVG icons can still trigger text selection or long-press selection gestures on touch devices (see attached screenshots as an example). Since these controls do not contain selectable text, this behavior is unnecessary and results in a less polished user experience.

Solution approaches

Disable text selection on interactive SVG controls.
Keep text selection enabled for regular text content.

Goals

Prevent accidental text selection on SVG controls.
Preserve text selection for normal text.
Improve the touch experience on mobile devices.

# Prevent text selection on SVG controls ## Problem Interactive controls that are represented by SVG icons can still trigger text selection or long-press selection gestures on touch devices (see attached screenshots as an example). Since these controls do not contain selectable text, this behavior is unnecessary and results in a less polished user experience. ## Solution approaches - Disable text selection on interactive SVG controls. - Keep text selection enabled for regular text content. ## Goals - Prevent accidental text selection on SVG controls. - Preserve text selection for normal text. - Improve the touch experience on mobile devices.

Screenshot_20260806-173503.png

123 KiB

Screenshot_20260806-173458.png

123 KiB

Screenshot_20260806-173526.png

151 KiB