src/masto/timelines.ts

@@ -288,13 +288,11 @@ export function createTimeline<
       }
     });
 
-    untrack(() => {
     for (const status of chk.chunk) {
-        const node = lookup.get(status.id)!;
+      const node = untrack(() => lookup.get(status.id))!;
-        const parent = status.inReplyToId
+      const parent = untrack(() =>
-          ? lookup.get(status.inReplyToId)
+        status.inReplyToId ? lookup.get(status.inReplyToId) : undefined,
-          : undefined;
+      );
-
       if (parent) {
         const children = parent.children ?? [];
         if (!children.find((x) => x.value.id == status.id)) {
@@ -304,7 +302,6 @@ export function createTimeline<
         node.parent = parent;
       }
     }
-    });
 
     const nThreadIds = chk.chunk
       .filter((x, i) => !existence[i])
@@ -317,13 +314,11 @@ export function createTimeline<
         setThreads((threads) => [...nThreadIds, ...threads]);
       }
 
-      untrack(() => {
       setThreads((threads) =>
         threads.filter((id) => (lookup.get(id)!.children?.length ?? 0) === 0),
       );
     });
   });
-  });
 
   return [
     {

src/timelines/TootComposer.tsx

@@ -3,6 +3,8 @@ import {
   createMemo,
   createRenderEffect,
   createSignal,
+  createUniqueId,
+  onMount,
   Show,
   type Accessor,
   type Component,
@@ -41,12 +43,14 @@ import {
 } from "@suid/icons-material";
 import type { Account } from "../accounts/stores";
 import "./TootComposer.css";
+import { makeEventListener } from "@solid-primitives/event-listener";
 import BottomSheet from "../material/BottomSheet";
 import { useLanguage } from "../platform/i18n";
 import iso639_1 from "iso-639-1";
 import ChooseTootLang from "./ChooseTootLang";
 import type { mastodon } from "masto";
 import cardStyles from "../material/cards.module.css";
+import { Title } from "../material/typography";
 import Menu, { createManagedMenuState } from "../material/Menu";
 import { useDefaultSession } from "../masto/clients";
 import { resolveCustomEmoji } from "../masto/toot";