From 41bd3463e751748836d4bf4d480f808a001b9543 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 10:07:13 +0100
Subject: [PATCH] patch styles of marker element of selectable

---
 src/features/selectable/index.module.css | 5 +++++
 src/features/selectable/index.tsx        | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/features/selectable/index.module.css b/src/features/selectable/index.module.css
index 7520d87..b364ed3 100644
--- a/src/features/selectable/index.module.css
+++ b/src/features/selectable/index.module.css
@@ -2,4 +2,9 @@
     &[data-selected="true"] {
         background-color: color(from var(--info) xyz x y z / .2);
     }
+}
+
+.root {
+    display: contents !important;
+    all: inherit;
 }
\ No newline at end of file
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 6c3a81c..4c41be0 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -177,7 +177,7 @@ const Root: ParentComponent = (props) => {
         });
     };
 
-    return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} style={{ 'display': 'contents' }}>{c()}</div>;
+    return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} class={css.root}>{c()}</div>;
 };
 
 export const selectable = (element: HTMLElement, options: Accessor<{ value: object, key?: string }>) => {