Refactor drag to use shared isElementKeyboardAccessible utility

Consolidates interactive element detection logic between drag and press
gestures. Adds isContentEditable check to the shared utility.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: mattgperry

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts

@@ -1,4 +1,5 @@
 import {
+    isElementKeyboardAccessible,
     PanInfo,
     ResolvedConstraints,
     Transition,
@@ -634,7 +635,7 @@ export class VisualElementDragControls {
                 if (
                     drag &&
                     dragListener &&
-                    !isInteractiveElement(event.target as Element)
+                    !isElementKeyboardAccessible(event.target as Element)
                 ) {
                     this.start(event)
                 }
@@ -762,26 +763,3 @@ export function expectsResolvedDragConstraints({
 }: MotionProps) {
     return isRefObject(dragConstraints) && !!onMeasureDragConstraints
 }
-
-/**
- * Check if an element is an interactive form element that should
- * prevent drag from starting when clicked.
- */
-const interactiveElements = new Set([
-    "INPUT",
-    "TEXTAREA",
-    "SELECT",
-    "BUTTON",
-    "A",
-])
-
-function isInteractiveElement(element: Element | null): boolean {
-    if (!element) return false
-    if (
-        interactiveElements.has(element.tagName) ||
-        (element as HTMLElement).isContentEditable
-    ) {
-        return true
-    }
-    return false
-}

packages/motion-dom/src/gestures/press/utils/is-keyboard-accessible.ts

@@ -9,6 +9,7 @@ const focusableElements = new Set([
 export function isElementKeyboardAccessible(element: Element) {
     return (
         focusableElements.has(element.tagName) ||
-        (element as HTMLElement).tabIndex !== -1
+        (element as HTMLElement).tabIndex !== -1 ||
+        (element as HTMLElement).isContentEditable
     )
 }