Docs title-bar width toggle: click sticks, icon never updates, and layout flashes on refresh

Offen

#948 erstellt am 28.5.2026 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 35/100

Issue-Typ: Bug
Klarheit: Größtenteils klar
Aktivitätsstatus: Ruhig
Tech-Stack: typescript
Bereich: documentation, frontend

Rechercherichtung

Öffnen Sie die reproduzierte docs-Seite unter der bereitgestellten URL und untersuchen Sie das Steuerelement zum Ein-/Ausklappen in der Titelleiste neben „Copy page.“ Überprüfen Sie, dass der Umschalter wiederholt den Zustand ändern kann, das Symbol jeden Zustand widerspiegelt und eine aufgeklappte Präferenz nach dem Aktualisieren nicht kurz das Layout mit Einschränkungen anzeigt. In der Issue wird keine Quelldatei und kein Testpfad genannt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Bug: docs title-bar width toggle is broken

The expand/collapse button next to "Copy page" on docs pages (visible at ≥1535px viewport) has three issues:

Click works only once, then gets stuck. Starting collapsed, the first click expands the layout. Subsequent clicks do nothing. Same in reverse: starting expanded, the first click collapses but it can't be re-expanded.
Icon never updates. Even when the layout state changes (e.g., on first click), the icon stays as UnfoldHorizontal (arrows pointing outward). It never flips to FoldHorizontal.
Flash on every refresh. When the preference is set to "expanded", refreshing the page paints the constrained (narrow) layout first, then snaps to expanded after hydration.

Repro

Open any docs page at a viewport ≥1535px (e.g. https://tanstack.com/router/latest/docs/framework/react/overview)
Click the expand/collapse icon on the right of the title bar
Try clicking it again — nothing happens, and the icon hasn't changed
Refresh while in the expanded state — observe the brief narrow → expanded flash

Video

https://github.com/user-attachments/assets/5a9b6ad5-5ca9-48d6-ad61-7b3dfa990096

I have a working branch with this fix locally. Will open a PR shortly ...

Vorherrschende Sprache: TypeScript
Sterne: 1.1k
Forks: 401
Ø Merge: 16 Std. 8 Min.
Gemergte PRs (30 T.): 58

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus TanStack/tanstack.com

Search modal renders beneath the open AI dock (shared --z-overlay) Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100

TanStack/tanstack.com#1293 · Erstellt am 24.9.2026
"bundle report" link navigates to 404 on Markdown docs Offen

source-audit

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 84/100

TanStack/tanstack.com#1195 · Erstellt am 30.8.2026
"Start Discussion" button navigates to 404 in markdown docs Offen

source-audit

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100

TanStack/tanstack.com#1194 · 2 Kommentare · Erstellt am 30.8.2026
Difficult to get to the library repo from the docs pages Offen

source-audit

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100

TanStack/tanstack.com#1177 · 1 Kommentar · Erstellt am 24.8.2026
Tanstack Router docs are missing documentation present in Tanstack Start docs Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 64/100

TanStack/tanstack.com#1059 · Erstellt am 22.7.2026

Alle Issues in TanStack/tanstack.com