I am content in a view in a pane that expands to fit content.
The next view has less text and the entire pane should be shorter.
Click to cycle views.

I am content in a view in a pane that expands to fit content. The first view has more text and the entire pane should be taller. Click to cycle views.

View 1 (click or touch to cycle views).

I'm a simple Scrolling view.

I own the silver-hash background, and it scrolls with me. When I overscroll, Scroller's background is revealed.

I have natural height (driven by my content), but will always be at least tall enough to fit my parent.

View 2 (click or touch to cycle views).

I'm a simple Scrolling view.

I own the silver-hash background, and it scrolls with me. When I overscroll, Scroller's background is revealed.

I have natural height (driven by my content), but will always be at least tall enough to fit my parent.

My content has an explicit height that makes me quite tall (2048px) and I should be scrollable.

View 3 (click or touch to cycle views).

The magenta box borders a view that is not a Scroller; instead, it is a VFlexBox.

The VFlexBox owns a Header and a flexed client area. The client area is an HFlexBox with Left and Right banners and a flexed area, which is a Scroller.

My content (this text) has natural height (driven by content), but it will always be at least tall enough to fit the Scroller.

I own the silver-hash background, and it scrolls with me. When I overscroll, Scroller's background is revealed.

View 4 (click or touch to cycle views).

My view is an HFlexBox.

I'm inside a Scroller, which is inside the view. The Scroller has flex (proportional) sizing.

I have large explicit width (2048px) and should be horizontally scrollable.