TootLangPicker: fix scrolling

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";

src/timelines/TootLangPicker.css

@@ -0,0 +1,4 @@
+
+.TootLangPicker {
+  overflow: auto;
+}

src/timelines/TootLangPicker.tsx

@@ -1,9 +1,4 @@
-import {
+import { For, onMount, type Component, type JSX } from "solid-js";
-  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!}