24 lines
1.6 KiB
Markdown
24 lines
1.6 KiB
Markdown
|
---
|
||
|
|
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.
|