Made it possible to add classes to the window section element and hoping that i fixed a mobile jitter error when window is being dragged

Author: Stephen10121

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-windows",
-	"version": "0.1.4",
+	"version": "0.1.5",
 	"description": "A draggable and resizable window manager that works seamlessly in you projects. Works in scroll areas, overflow situations. Includes window stacking based on how recently it was active.",
 	"license": "MIT",
 	"author": {

src/lib/Window.svelte

@@ -23,6 +23,7 @@
         children,
         context,
         style,
+        className,
         id
     }: ActualWindowProps = $props();
 
@@ -58,7 +59,7 @@
 </script>
 
 <section
-    class="{active?"active":"inactive"}"
+    class="{active?"active":"inactive"} {className}"
     style="--stackOrder:{stackOrder};width:max({width},min({Math.max(FORCEMINWIDTH, minWidth)}px, 100%));height:max({height},min({Math.max(FORCEMINHEIGHT, minHeight)}px, 100%));top:{top};left:{left};{style}"
     {id}
     bind:this={window}
@@ -129,8 +130,6 @@
 
 <style>
     section {
-        border-radius: var(--borderRadius, 0);
-        box-shadow: var(--boxShadow);
         z-index: var(--stackOrder);
         position: absolute;
         isolation: isolate;

src/lib/homepage/Demo.svelte

@@ -35,9 +35,10 @@
 							left="{window.x}px"
 							minHeight={200}
 							minWidth={200}
+							className="shadow-2xl transition-shadow duration-250 hover:shadow-accent/20"
 						>
 							<div
-								class="absolute flex flex-col rounded-lg border border-border bg-card shadow-2xl transition-shadow"
+								class="absolute flex flex-col rounded-lg border border-border bg-card shadow-2xl transition-shadow overflow-hidden"
 								style="width:100%;height:100%;"
 							>
 								<!-- Window header -->

src/lib/utils.ts

@@ -63,6 +63,7 @@ export class MouseContext {
         const x = touch.clientX;
         const y = touch.clientY;
         if (this.#activeMouseTarget && this.#activeMouseTarget.length > 0) {
+            event.preventDefault();
             document.documentElement.style.overflow = 'hidden';  // firefox, chrome
             //@ts-ignore
             document.body.scroll = "no"; // ie only
@@ -335,4 +336,11 @@ export type ActualWindowProps = {
      * ```
      */
     style?: string
+    /**
+     * Any basic classes you want to add to the window box. Perfect for tailwind classes.
+     * ```ts
+     * className = "bg-primary hover:shadow-2xl"
+     * ```
+     */
+    className?: string
 }