fix selection bug on safari

packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte

@@ -82,6 +82,9 @@
     nodesFocusable,
     edgesFocusable,
     disableKeyboardA11y,
+    noDragClass,
+    noPanClass,
+    noWheelClass,
     ...divAttributes
   } = $derived(rest);
   /* eslint-enable @typescript-eslint/no-unused-vars */
@@ -97,7 +100,7 @@
   bind:clientWidth
   style:width={toPxString(width)}
   style:height={toPxString(height)}
-  class={['svelte-flow', 'svelte-flow-container', className, colorMode]}
+  class={['svelte-flow', 'svelte-flow__container', className, colorMode]}
   data-testid="svelte-flow__wrapper"
   role="application"
   {...divAttributes satisfies OnlyDivAttributes<typeof divAttributes>}

packages/svelte/src/styles/base.css

@@ -7,3 +7,7 @@
   text-align: center;
   position: absolute;
 }
+
+.svelte-flow__container {
+  user-select: none;
+}

packages/svelte/src/styles/style.css

@@ -11,3 +11,7 @@
   color: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
   background: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
 }
+
+.svelte-flow__container {
+  user-select: none;
+}