Merge branch 'chore/tab-pointer-event-none' of github.com:bazalp/pulp…

… into chore/tab-pointer-event-none
vincehi · Jun 28, 2024 · 7daf88a · 7daf88a
2 parents 050c923 + 58c7379
commit 7daf88a
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
@@ -32,17 +32,23 @@ const Tabs: FlowComponent<Props, Component<any>> = (props) => {
                 onClick={() => props.setActive(index())}
                 class="tab flex-shrink-0"
                 classList={{
-                  "tab-active": item.active,
+                  "tab-active": item.active
                 }}
               >
-                <label class="input-sizer" data-value={item.name}>
+                <label classList={{
+                  "cursor-pointer": !getRenamingMode()
+                }} class="input-sizer" data-value={item.name}>
                   <input
-                    classList={{ "pointer-events-none": !getRenamingMode() }}
+                    classList={{
+                      "pointer-events-none": !getRenamingMode(),
+                    }}
                     ref={setTarget}
                     type="text"
                     value={item.name}
                     disabled={!getRenamingMode()}
-                    onBlur={() => setRenamingMode(false)}
+                    onBlur={(event) => {
+                      window.getSelection()?.removeAllRanges(); // TODO: unselectinput
+                      setRenamingMode(false)}}
                     onInput={(event) => {
                       tabsStore.rename(index(), event.target.value);
                     }}