NumberControl: Disable drag functionality on touch devices

[Infinite-Null]

Closes: #38865

What?

Disable the drag-to-change-value gesture in NumberControl when used on touch devices.

Why?

• Dragging gesture doesn't work well on touch devices as there's no cursor feedback
• Easy to accidentally change values when trying to tap or move text cursor
• Poor user experience on mobile/tablet devices

How?

• Added a isTouchDevice() utility function that detects touch capability using:

  • 'ontouchstart' in window
  • navigator.maxTouchPoints

• Modified isDragEnabled to consider both the prop value AND touch device status

• Drag functionality disables on touch devices while remaining enabled for desktop users

Screencast

Before

Screen.Recording.2025-01-07.at.11.37.21.AM.mov

After

Screen.Recording.2025-01-07.at.11.32.03.AM.mov

[github-actions]

Warning: Type of PR label mismatch

To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.

• Type-related labels to choose from: [Type] Automated Testing, [Type] Breaking Change, [Type] Bug, [Type] Build Tooling, [Type] Code Quality, [Type] Copy, [Type] Developer Documentation, [Type] Enhancement, [Type] Experimental, [Type] Feature, [Type] New API, [Type] Task, [Type] Technical Prototype, [Type] Performance, [Type] Project Management, [Type] Regression, [Type] Security, [Type] WP Core Ticket, Backport from WordPress Core, Gutenberg Plugin.
• Labels found: .

Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task.

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: Infinite-Null <[email protected]>
Co-authored-by: SohamPatel46 <[email protected]>
Co-authored-by: mirka <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.