From 21e0b08716183bdf3f0d3f1abb9cb9dd1015d62f Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Sat, 7 Mar 2026 23:25:02 -0500
Subject: [PATCH] Fix  https://github.com/donetick/donetick/issues/576
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

tailwind.config.js — Added corePlugins: { preflight: false } to disable Tailwind's Preflight reset. Preflight forces svg { display: block } which breaks MUI Joy's inline icon layout inside <Select>, <Autocomplete>, etc., making the icon area unclickable. Since MUI Joy's <CssBaseline /> already provides a CSS reset, Preflight was redundant.

index.css — Removed the global button, a, [role="button"] { transform: translateZ(0); backface-visibility: hidden; } rule. This was creating new stacking contexts on every button element, which interfered with MUI Joy's internal pseudo-element overlays used for click-target expansion.
---
 src/index.css      | 6 +-----
 tailwind.config.js | 3 +++
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/index.css b/src/index.css
index 3586c73..466e1e8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -30,11 +30,7 @@ html {
   border-radius: 4px;
 }
 
-/* Improve button and interactive element performance */
-button, a, [role="button"] {
-  transform: translateZ(0);
-  backface-visibility: hidden;
-}
+
 
 /* Ensure smooth transitions for dynamic content */
 * {
diff --git a/tailwind.config.js b/tailwind.config.js
index 1dc797e..5f23c72 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,8 @@
 export default {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  corePlugins: {
+    preflight: false,
+  },
   theme: {
     extend: {
       colors: {},