docs(web): trim the column's gutter comments to contract plus note link

This commit is contained in:
creatixchu
2026-08-04 16:30:45 +08:00
parent 1098dc9836
commit 60e4509c1d
@@ -182,16 +182,10 @@
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
/* One reserved gutter for every view, because the composer seat takes its /* Reserved unconditionally: the composer seat rides this box's content box in
horizontal geometry from two different edges: in Chat it is a sticky CHILD Chat and its padding box under a view's composer overlay, so an `auto`
of this scroller and so rides the content box, which the scrollbar gutter moves the input card sideways by the bar's width whenever the two
shortens, while under a view's composer overlay it is positioned against differ ([decision](../../../../../../.agents/notes/implemented/bug-fix/2026-08-04-composer-tab-gutter-reservation.md)). */
the padding box, which the scrollbar never reduces. `auto` would reserve
only while this box overflows, which is precisely the difference between
the two states, so the input card would move sideways by the bar's width
on every tab switch — and inside Chat alone the moment a growing
transcript starts to scroll. `stable` makes both edges the same edge at
every content height. */
scrollbar-gutter: stable; scrollbar-gutter: stable;
} }
@@ -223,15 +217,11 @@
ownership of the seat geometry and its active-phase precedence. */ ownership of the seat geometry and its active-phase precedence. */
.scrollBody:has([data-conversation-composer-overlay]) { .scrollBody:has([data-conversation-composer-overlay]) {
position: relative; position: relative;
/* Still a box nothing scrolls out of — the view fills it and the seat is out /* A clipping box nothing scrolls out of, stated as a scroll container on both
of flow — but declared as a scroll container on the same axes as the Chat axes rather than `overflow: hidden`: WebKit honours the reservation above
state instead of `overflow: hidden`, so the reservation above reaches this only in the `overflow-y: auto` form, and a single-axis scroller computes
state too: WebKit honours `scrollbar-gutter` on an `overflow-y: auto` box the other axis to `auto`
and ignores it on a hidden one (measured for the composer's own layers — ([decision](../../../../../../.agents/notes/implemented/bug-fix/2026-08-04-composer-tab-gutter-reservation.md)). */
.agents/notes/implemented/bug-fix/2026-08-04-composer-tab-gutter-reservation.md
cites the measurement). The horizontal axis is declared rather than left
to compute, because a box that scrolls on one axis computes `visible` on
the other to `auto` and would grow a horizontal bar of its own. */
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }