Narrow the frame to get the burger, then open the drawer: the bar stays live behind it — the theme Switch is pinned outside the panel on purpose.

Scroll down and the bar slides away (.UInav--auto-hide); scroll up a few pixels and it comes straight back, no need to travel to the top.

Filler paragraph 1 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.

Filler paragraph 2 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.

Filler paragraph 3 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.

Filler paragraph 4 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.

Filler paragraph 5 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.

Filler paragraph 6 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.

Filler paragraph 7 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.

Filler paragraph 8 — here only to give the frame something to scroll. The drawer's modality (inert page, frozen scroll, trapped Tab) is sealed inside this frame, which is why the demo can be real rather than a mock-up.