Skip to content

Commit 32bad98

Browse files
christian-byrnegithub-actions
authored andcommitted
fix Vue node dragging/moving on touch devices (#5896)
Enabled touch drag functionality on Vue nodes by adding CSS `touchAction: 'none'`. - **What**: Added [`touchAction: 'none'`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) CSS property to Vue nodes for touch device compatibility - **What**: Added Playwright tests for both desktop and mobile drag interactions Touch event handling on various mobile browsers and pointer event compatibility across different devices. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-5896-fix-Vue-node-dragging-moving-on-touch-devices-2806d73d365081578b02cd6714fd8fe0) by [Unito](https://www.unito.io) --------- Co-authored-by: github-actions <[email protected]>
1 parent cab544a commit 32bad98

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/renderer/extensions/vueNodes/components/LGraphNode.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
cn(
1111
'bg-white dark-theme:bg-charcoal-800',
1212
'lg-node absolute rounded-2xl touch-none',
13-
'border-1 border-solid border-gray-400 dark-theme:border-stone-200',
13+
'border-2 border-solid border-sand-100 dark-theme:border-charcoal-600',
1414
// hover (only when node should handle events)
1515
shouldHandleNodePointerEvents &&
1616
'hover:ring-7 ring-gray-500/50 dark-theme:ring-gray-500/20',

0 commit comments

Comments
 (0)