From fb4d28b265f296b3d606d0b1e1688510c67360f5 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Thu, 17 Oct 2024 07:38:51 +0200
Subject: [PATCH] some more tweaks

---
 src/features/file/grid.module.css | 9 ++++++++-
 src/features/file/grid.tsx        | 4 ++--
 src/features/selectable/index.tsx | 1 +
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/features/file/grid.module.css b/src/features/file/grid.module.css
index b34ee29..aee0ecb 100644
--- a/src/features/file/grid.module.css
+++ b/src/features/file/grid.module.css
@@ -28,7 +28,6 @@
 
     & .cell {
         display: grid;
-        place-content: center stretch;
         padding: .5em;
         border: 1px solid transparent;
         border-radius: var(--radii-m);
@@ -36,6 +35,14 @@
         &:has(textarea:focus) {
             border-color: var(--info);
         }
+
+        & > span {
+            align-self: center;
+        }
+
+        & > textarea {
+            min-block-size: 100%;
+        }
     }
 
     & :is(.header, .main, .footer) {
diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index a6977b3..942e43d 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -203,8 +203,8 @@ const TextArea: Component<{ key: string, value: string, lang: string, oninput?:
     let element: HTMLTextAreaElement;
 
     const resize = () => {
-        element.style.blockSize = `1px`;
-        element.style.blockSize = `${11 + element.scrollHeight}px`;
+        element.style.height = `1px`;
+        element.style.height = `${11 + element.scrollHeight}px`;
     };
 
     const mutate = debounce(() => {
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 6613fa8..fb046eb 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -240,6 +240,7 @@ export const selectable = (element: HTMLElement, options: Accessor<{ value: obje
         const mode = (() => {
             if (append) return SelectionMode.Append;
             if (!withRange && isSelected()) return SelectionMode.Toggle;
+            if (withRange) return SelectionMode.Replace;
             return SelectionMode.Normal;
         })();