From 821c97662bc4d98c89f022268beee01340be0a16 Mon Sep 17 00:00:00 2001 From: Tobias Jordans Date: Thu, 30 Sep 2021 21:44:55 +0200 Subject: [PATCH] TW Classes instead of inline; no pointer event "all" The way I read https://developer.mozilla.org/de/docs/Web/CSS/pointer-events, `pointer-events: all` is a special SVG thing and what we want here, is what TW provides with `pointer-events-none` https://tailwindcss.com/docs/pointer-events so that event pass through. --- UI/BaseUIElement.ts | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/UI/BaseUIElement.ts b/UI/BaseUIElement.ts index ff2d75b835..d0152bbd54 100644 --- a/UI/BaseUIElement.ts +++ b/UI/BaseUIElement.ts @@ -131,8 +131,7 @@ export default abstract class BaseUIElement { // @ts-ignore e.consumed = true; } - el.style.pointerEvents = "all"; - el.style.cursor = "pointer"; + el.classList.add("pointer-events-none", "cursor-pointer"); } if (this._onHover !== undefined) {