Skip to content

ComponentsMessage scroller

Components

Message scroller

The transcript scroller: a role=feed list of articles with arrow-key navigation, a jump-to-latest button, under a translucent title row.

Transcript

v2: the scroller starts at y 0 under the translucent ruled title row (Toolbar translucent) and pads its top by the frame row + 8 (headerInset: 53 on a fine pointer); content 736 inside a 768 list that keeps 12px from the column edges. No bottom gradient (R19). Scroll up: a 36px frosted circle (surface-2 80 %, .5px hairline) appears centred 20px above the dock; clicking jumps to the end in one frame. Focus a message and use the arrow keys, Home and End; exactly one message is in the tab order.

Chat transcript with a reply dock

Use the up and down arrow keys to move between messages.

You said: Question number 1: how does the scroller behave?

Question number 1: how does the scroller behave?

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

You said: Question number 2: how does the scroller behave?

Question number 2: how does the scroller behave?

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

You said: Question number 3: how does the scroller behave?

Question number 3: how does the scroller behave?

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

You said: Question number 4: how does the scroller behave?

Question number 4: how does the scroller behave?

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

You said: Question number 5: how does the scroller behave?

Question number 5: how does the scroller behave?

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Jump button

default: the 36px circle; pending: the "Needs your input" pill (accent dot + label + chevron). Shown here in a scrolled-up frame.

light

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

dark

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.

Assistant responded

The scroller keeps the newest turn in view while it streams, and stops following as soon as you scroll up. The jump button and the fade only show while there is more content below the dock.