`b67d967`

perf: content-visibility on session rows for offscreen scroll

Authored by

espadonne 1 month ago

Status	File	+	-
M	`src/components/ProjectsPane.tsx`	13	1

src/components/ProjectsPane.tsxmodified

    const hasLivePty = useSessionStore((s) => s.ptyIds.has(session.id));
    const closeSessionPty = useSessionStore((s) => s.closeSessionPty);
    return (
 -    <div className="group/session relative">
 +    // `content-visibility: auto` tells the browser it can skip
 +    // layout + paint entirely for rows outside the viewport. Huge
 +    // help for projects with hundreds of sessions where scrolling
 +    // otherwise forces the whole ancestor chain to recalc on each
 +    // frame. `contain-intrinsic-size` reserves a stable placeholder
 +    // so the scrollbar doesn't jitter as rows virtualize in/out.
 +    <div
 +      className="group/session relative"
 +      style={{
 +        contentVisibility: "auto",
 +        containIntrinsicSize: "0 56px",
 +      }}
 +    >
        <button
          type="button"
          onClick={onSelect}