docs: capture todo - connected-nodes list must scroll at row-matched height
This commit is contained in:
parent
e2b2ade3b2
commit
99ecb95f53
@ -103,6 +103,7 @@ Decisions are logged in PROJECT.md (10 locked ADRs in the `<decisions>` block +
|
||||
|
||||
- [blocker/ui] Keep FIPS/Tor pills on cloud files and show them on mobile (`.planning/todos/pending/2026-07-30-keep-fips-tor-pills-on-cloud-files-and-show-them-on-mobile.md`)
|
||||
- [blocker/security] Fedimint gateway must not install with a pre-set password — tracked as FED-07 / Phase 1 gap plan (`.planning/todos/pending/2026-07-30-fedimint-gateway-must-not-install-with-preset-password.md`)
|
||||
- [blocker/ui] Connected-nodes list must scroll at row-matched height, not grow to fit (`.planning/todos/pending/2026-07-30-connected-nodes-list-must-scroll-at-row-matched-height.md`)
|
||||
|
||||
### Blockers/Concerns
|
||||
|
||||
|
||||
@ -0,0 +1,23 @@
|
||||
---
|
||||
created: 2026-07-30T22:19:31.770Z
|
||||
title: Connected-nodes list must scroll at row-matched height, not grow to fit
|
||||
area: ui
|
||||
severity: blocker
|
||||
files:
|
||||
- neode-ui/src/views/web5/Web5ConnectedNodes.vue
|
||||
- neode-ui/src/views/web5/Web5.vue
|
||||
---
|
||||
|
||||
## Problem
|
||||
|
||||
Dorian reports (2026-07-30): the connected-nodes container's inner list was still meant to scroll, and currently it doesn't — it grows to fit all rows without a scrollbar. The intended behavior for the row layout:
|
||||
|
||||
- The connected-nodes container sits in a row next to another container (on the right).
|
||||
- If the right-hand container is TALLER, the connected-nodes inner list should extend/scale to match the right container's height.
|
||||
- Within that matched height the list must remain SCROLLABLE when it has more rows than fit — it must NOT expand to show all entries scroll-free (which stretches the row).
|
||||
|
||||
So: height is driven by the sibling (equal-height row), overflow inside is `scroll`, never grow-to-fit. Likely component: `Web5ConnectedNodes.vue` inside `Web5.vue`'s row layout (verify — "connected nodes" also appears in settings AccountInfoSection). This sounds like a regression/misimplementation of an earlier request ("was still meant to scroll").
|
||||
|
||||
## Solution
|
||||
|
||||
Classic equal-height-row + inner-scroll pattern: the row uses flex with stretch alignment; the connected-nodes card gets `min-height: 0` (or `h-full` with a min-h-0 flex column) and the inner list `flex-1 overflow-y-auto`, so its height tracks the taller right-hand sibling while the list scrolls internally. Confirm exact container with Dorian's screenshot/preview if ambiguous. Standing rule: change only this behavior — no other visual changes.
|
||||
Loading…
x
Reference in New Issue
Block a user