From 0ae818b73cd960ac63bebb2de25c4d3229a80e32 Mon Sep 17 00:00:00 2001
From: dwelle <5153846+dwelle@users.noreply.github.com>
Date: Thu, 9 Oct 2025 16:51:35 +0200
Subject: [PATCH] disable call highlight on buttons

---
 packages/excalidraw/css/styles.scss           | 5 +++++
 packages/excalidraw/css/variables.module.scss | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss
index 4bd9caf8d..6475ed808 100644
--- a/packages/excalidraw/css/styles.scss
+++ b/packages/excalidraw/css/styles.scss
@@ -44,6 +44,11 @@ body.excalidraw-cursor-resize * {
   height: 100%;
   width: 100%;
 
+  button,
+  label {
+    @include buttonNoHighlight;
+  }
+
   button {
     cursor: pointer;
     user-select: none;
diff --git a/packages/excalidraw/css/variables.module.scss b/packages/excalidraw/css/variables.module.scss
index 1ab33e3f6..15d0768ad 100644
--- a/packages/excalidraw/css/variables.module.scss
+++ b/packages/excalidraw/css/variables.module.scss
@@ -129,6 +129,12 @@
   }
 }
 
+@mixin buttonNoHighlight {
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  user-select: none;
+}
+
 @mixin outlineButtonIconStyles {
   @include outlineButtonStyles;
   padding: 0;