Skip to content

Fix Shell flyout items scrolling behind FlyoutHeader on iOS (#34936) - #34952

Closed
kubaflo wants to merge 1 commit into
dotnet:inflight/candidatefrom
kubaflo:fix/shell-flyout-overlap-candidate
Closed

Fix Shell flyout items scrolling behind FlyoutHeader on iOS (#34936)#34952
kubaflo wants to merge 1 commit into
dotnet:inflight/candidatefrom
kubaflo:fix/shell-flyout-overlap-candidate

Conversation

@kubaflo

@kubaflo kubaflo commented Apr 14, 2026

Copy link
Copy Markdown
Collaborator

Description of Change

Ports PR #34936 to inflight/candidate.

For Default and Fixed FlyoutHeaderBehavior, the flyout scroll view is now positioned below the header instead of overlapping it with a content inset. This prevents items from rendering behind semi-transparent headers when scrolling.

Scroll and CollapseOnScroll behaviors are unchanged.

Changes:

  • ShellFlyoutLayoutManager.cs (iOS): For Default/Fixed, sets ContentInset.Top = 0 and positions scroll view below header
  • ShellFlyoutTests.cs: New regression test + updated existing test expectations

Issues Fixed

Fixes #34925

For Default and Fixed FlyoutHeaderBehavior, position the scroll view
below the header instead of overlapping it with a content inset. This
prevents items from being visible behind semi-transparent headers when
scrolling.

Scroll and CollapseOnScroll behaviors are unchanged — they still overlap
the header so it can scroll away or shrink.

Fixes dotnet#34925

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@kubaflo kubaflo closed this Apr 14, 2026
@github-actions github-actions Bot locked and limited conversation to collaborators May 15, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

2 participants