Fix https://github.com/donetick/donetick/issues/576

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

@@ -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 */
 * {

tailwind.config.js

@@ -1,5 +1,8 @@
 export default {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  corePlugins: {
+    preflight: false,
+  },
   theme: {
     extend: {
       colors: {},