From edfbf5505bd521172194e08c5beec9d03ac17df8 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Sun, 24 Nov 2024 16:55:40 +0800
Subject: [PATCH] TootLangPicker: fix scrolling

---
 src/timelines/TootComposer.tsx                           | 2 +-
 src/timelines/TootLangPicker.css                         | 4 ++++
 src/timelines/{ChooseTootLang.tsx => TootLangPicker.tsx} | 9 +++------
 3 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 src/timelines/TootLangPicker.css
 rename src/timelines/{ChooseTootLang.tsx => TootLangPicker.tsx} (94%)

diff --git a/src/timelines/TootComposer.tsx b/src/timelines/TootComposer.tsx
index 2895c67..773d0b8 100644
--- a/src/timelines/TootComposer.tsx
+++ b/src/timelines/TootComposer.tsx
@@ -44,7 +44,7 @@ import "./TootComposer.css";
 import BottomSheet from "~material/BottomSheet";
 import { useAppLocale } from "~platform/i18n";
 import iso639_1 from "iso-639-1";
-import ChooseTootLang from "./ChooseTootLang";
+import ChooseTootLang from "./TootLangPicker";
 import type { mastodon } from "masto";
 import cardStyles from "~material/cards.module.css";
 import Menu, { createManagedMenuState } from "~material/Menu";
diff --git a/src/timelines/TootLangPicker.css b/src/timelines/TootLangPicker.css
new file mode 100644
index 0000000..f092267
--- /dev/null
+++ b/src/timelines/TootLangPicker.css
@@ -0,0 +1,4 @@
+
+.TootLangPicker {
+  overflow: auto;
+}
diff --git a/src/timelines/ChooseTootLang.tsx b/src/timelines/TootLangPicker.tsx
similarity index 94%
rename from src/timelines/ChooseTootLang.tsx
rename to src/timelines/TootLangPicker.tsx
index 8177783..e86f69e 100644
--- a/src/timelines/ChooseTootLang.tsx
+++ b/src/timelines/TootLangPicker.tsx
@@ -1,9 +1,4 @@
-import {
-  For,
-  onMount,
-  type Component,
-  type JSX,
-} from "solid-js";
+import { For, onMount, type Component, type JSX } from "solid-js";
 import Scaffold from "~material/Scaffold";
 import {
   AppBar,
@@ -19,6 +14,7 @@ import { Close as CloseIcon } from "@suid/icons-material";
 import iso639_1 from "iso-639-1";
 import { createTranslator } from "~platform/i18n";
 import { Title } from "~material/typography";
+import "./TootLangPicker.css";
 
 type ChooseTootLangProps = {
   code: string;
@@ -58,6 +54,7 @@ const ChooseTootLang: Component<ChooseTootLangProps> = (props) => {
           </Toolbar>
         </AppBar>
       }
+      class="TootLangPicker"
     >
       <List
         ref={listRef!}