-
Notifications
You must be signed in to change notification settings - Fork 178
[fluentui-apple] Have resizingHandleView overlap content in BottomSheetController #2236
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
Sources/FluentUI_iOS/Components/BottomSheet/BottomSheetController.swift
Outdated
Show resolved
Hide resolved
Sources/FluentUI_iOS/Components/BottomSheet/BottomSheetController.swift
Outdated
Show resolved
Hide resolved
Sources/FluentUI_iOS/Components/BottomSheet/BottomSheetController.swift
Outdated
Show resolved
Hide resolved
| stackView.bottomAnchor.constraint(equalTo: bottomSheetContentView.bottomAnchor) | ||
| ]) | ||
|
|
||
| if let headerContentView { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
combine with the if let on line 706
|
nit: update view hierarchy on line 470 |
| if let headerContentView { | ||
| resizingHandleContentOverlapConstraints = headerContentView.topAnchor.constraint(equalTo: resizingHandleView.bottomAnchor, constant: -currentResizingHandleHeight) | ||
| } else { | ||
| resizingHandleContentOverlapConstraints = expandedContentView.topAnchor.constraint(equalTo: resizingHandleView.bottomAnchor, constant: -currentResizingHandleHeight) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we'll need to account for new height in expandedSheetHeight/collapsedSheetHeight
0a30dbf to
c1c93b5
Compare
Platforms Impacted
Description of changes
In iOS 26, the bottom sheet’s content is designed to align concentrically with the sheet’s rounded corners. However, the presence of the
resizingHandleViewintroduces a visible gap between the content and the corner, breaking this concentric alignment.To address this, the
resizingHandleViewneeds to overlap the bottom sheet’s content, so I’m introducing the new property,shouldResizingViewOverlayContent, which enables this behavior when set to true (the default is false). Additionally, theresizingHandleViewis moved to become a subview ofbottomSheetContentViewWhen this option is enabled, the constant between the
resizingHandleView bottomAnchorand thestackView topAnchoris the resizing handle height so that the resizing handle overlays the content.Binary change
(how is our binary size impacted -- see https://github.com/microsoft/fluentui-apple/wiki/Size-Comparison)
Verification
Visual Verification
shouldResizingViewOverlayContentset to falseshouldResizingViewOverlayContentset to truePull request checklist
This PR has considered:
Microsoft Reviewers: Open in CodeFlow