feat: prevents user highlighting while dragging

src/interaction/reducers/DragItems.ts

@@ -3,6 +3,12 @@ import { InteractionReducer } from 'src/types';
 
 export const DragItems: InteractionReducer = {
   type: 'DRAG_ITEMS',
+  entry: (draftState) => {
+    draftState.rendererRef.style.userSelect = 'none';
+  },
+  exit: (draftState) => {
+    draftState.rendererRef.style.userSelect = 'auto';
+  },
   mousemove: (draftState) => {
     if (draftState.mode.type !== 'DRAG_ITEMS') return;
 

src/interaction/useInteractionManager.ts

@@ -87,7 +87,8 @@ export const useInteractionManager = () => {
         mode,
         scroll,
         contextMenu,
-        itemControls
+        itemControls,
+        rendererRef: rendererRef.current
       };
 
       const getTransitionaryState = () => {

src/types/interactions.ts

@@ -15,6 +15,7 @@ export interface State {
   scene: Scene;
   contextMenu: ContextMenu;
   itemControls: ItemControls;
+  rendererRef: HTMLElement;
 }
 
 export type InteractionReducerAction = (state: Draft<State>) => void;