1.6 KiB
created, title, area, severity, files
| created | title | area | severity | files | ||
|---|---|---|---|---|---|---|
| 2026-07-30T22:19:31.770Z | Connected-nodes list must scroll at row-matched height, not grow to fit | ui | blocker |
|
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.