Adding --webui-app-region to Frameless Example

Author: AlbertShown

bridge/webui.ts

@@ -164,7 +164,7 @@ class WebuiBridge {
 		});
 		// Frameless Dragging
 		document.addEventListener("mousemove", (e) => {
-			// WebUI `-webkit-app-region: drag;` custom implementation
+			// WebUI Webkit App-Region Custom Implementation
 			if (e.buttons !== 1) {
 				this.#isDragging = false;
 				return;
@@ -173,12 +173,8 @@ class WebuiBridge {
 				let target = e.target;
 				while (target) {
 					let computedStyle = window.getComputedStyle(target);
-
 					let webkitComputed = computedStyle.getPropertyValue("-webkit-app-region").trim();
-
-					/* Compatibility for platforms without `-webkit-app-region` */
 					let webuiComputed = computedStyle.getPropertyValue("--webui-app-region").trim();
-
 					if (webkitComputed === "drag" || webuiComputed === "drag") {
 						this.#initialMouseX = e.screenX;
 						this.#initialMouseY = e.screenY;

examples/C/frameless/main.c

@@ -20,6 +20,7 @@ const char* html =
 "        padding: 0 15px;"
 "        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);"
 "        -webkit-app-region: drag;"
+"        --webui-app-region: drag;"
 "        font-family: Arial, sans-serif;"
 "      }"
 "      #title { font-size: 16px; font-weight: bold; }"