From f50dfe26dd576f7f983409d12172ad47d95dbb3f Mon Sep 17 00:00:00 2001
From: tobinio <tobias.frischmann@proton.me>
Date: Wed, 29 Jul 2026 17:50:15 +0200
Subject: [PATCH] dont use overflow-scroll

---
 app/components/Edit/DesktopTodoDataSelect.vue | 4 ++--
 app/components/Edit/NoteSelect.vue            | 2 +-
 app/components/Edit/TabedDataSelect.vue       | 2 +-
 app/components/Edit/TitleSelect.vue           | 2 +-
 app/components/Utils/Sheet.vue                | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/Edit/DesktopTodoDataSelect.vue b/app/components/Edit/DesktopTodoDataSelect.vue
index 198c8db..e9085e5 100644
--- a/app/components/Edit/DesktopTodoDataSelect.vue
+++ b/app/components/Edit/DesktopTodoDataSelect.vue
@@ -42,7 +42,7 @@
 	<SplitterGroup direction="horizontal" class="h-full flex gap-1">
 		<SplitterPanel class="h-full flex flex-col flex-1">
 			<TitleSelect v-model:title="todoData.title" />
-			<div class="relative flex-1 overflow-scroll py-1">
+			<div class="relative flex-1 overflow-auto py-1">
 				<NoteSelect v-model:note="todoData.note" />
 			</div>
 			<div class="flex h-10 gap-1">
@@ -51,7 +51,7 @@
 		</SplitterPanel>
 		<SplitterResizeHandle id="splitter-group-1-resize-handle-1" class="w-2" />
 		<SplitterPanel
-			class="data-[state=expanded]:pr-2 data-[state=expanded]:overflow-scroll!"
+			class="data-[state=expanded]:pr-2 data-[state=expanded]:overflow-auto!"
 			collapsible
 			:min-size="225"
 			:defaultSize="300"
diff --git a/app/components/Edit/NoteSelect.vue b/app/components/Edit/NoteSelect.vue
index 6fb24dd..949c8d8 100644
--- a/app/components/Edit/NoteSelect.vue
+++ b/app/components/Edit/NoteSelect.vue
@@ -39,7 +39,7 @@
 			v-model="note"
 			@keydown="handleKeyDown"
 			data-testid="note-input"
-			class="border-secondary h-full w-full resize-none rounded border pl-1"
+			class="border-secondary h-full w-full resize-none rounded border pl-1 focus:outline-none focus:border-secondary-hover"
 			:placeholder="t('note')"
 		/>
 		<div ref="render" class="markdown" :hidden="isEditing"></div>
diff --git a/app/components/Edit/TabedDataSelect.vue b/app/components/Edit/TabedDataSelect.vue
index 91abf39..7a61b0b 100644
--- a/app/components/Edit/TabedDataSelect.vue
+++ b/app/components/Edit/TabedDataSelect.vue
@@ -87,7 +87,7 @@
 				</select>
 			</TabsTrigger>
 		</TabsList>
-		<div class="overflow-scroll h-full">
+		<div class="overflow-auto h-full">
 			<TabsContent value="notes" class="relative h-full py-2">
 				<NoteSelect v-model:note="note" />
 			</TabsContent>
diff --git a/app/components/Edit/TitleSelect.vue b/app/components/Edit/TitleSelect.vue
index d7c98db..891fd88 100644
--- a/app/components/Edit/TitleSelect.vue
+++ b/app/components/Edit/TitleSelect.vue
@@ -8,6 +8,6 @@
 		v-model="title"
 		data-testid="title-input"
 		:placeholder="t('title')"
-		class="border-secondary rounded border-2 pl-1 text-xl"
+		class="border-secondary rounded border pl-1 text-xl focus:outline-none focus:border-secondary-hover"
 	>
 </template>
diff --git a/app/components/Utils/Sheet.vue b/app/components/Utils/Sheet.vue
index a888dc9..0f9215a 100644
--- a/app/components/Utils/Sheet.vue
+++ b/app/components/Utils/Sheet.vue
@@ -83,7 +83,7 @@
 								<DialogDescription>{{ title }}</DialogDescription>
 							</VisuallyHidden>
 						</div>
-						<div class="p-1 flex-1 overflow-scroll"><slot /></div>
+						<div class="p-1 flex-1 overflow-auto"><slot /></div>
 					</DialogContent>
 				</Transition>
 			</DialogPortal>
-- 
2.51.2