Skip to content
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

Fix Layout issues with the details page on Flyout #12909

Merged
merged 12 commits into from
May 8, 2023
Merged

Fix Layout issues with the details page on Flyout #12909

merged 12 commits into from
May 8, 2023

Conversation

PureWeen
Copy link
Member

@PureWeen PureWeen commented Jan 25, 2023

Description of Change

When we moved over to MAUI we switched to using PhoneFlyoutPageRenderer for both iPad and Phone in order to simplify and make the behavior symmetric. The PhoneFlyoutPageRenderer unfortunately had more short comings then I'd anticipated so this PR fixes a number of them.

  • PhoneFlyoutPageRenderer didn't really work with Split mode at all, so this takes into account different measuring/arranging based on if you're in SplitMode.
  • This changes iPad to to work how it did in Forms where the popover goes over the details instead of shifting the details view over.
  • Fixes a number of RTL bugs as well found along the way.

If time allows for it we'll shift all this back into core and then shell and non-shell can just use the same code.

Issues Fixed

Fixes #7520
Fixes #10291

Docs Notes

  • By default, the behavior has been made to match XF. If you're on an iPhone it'll push the content over when the popup opens and on an iPad the popver will overlap.
  • API added to PhoneFlyoutPageRenderer FlyoutOverlapsDetailsInPopoverMode which allows users to toggle between the two behaviors if they want to influence how it works.

@Eilon Eilon added the area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter label Jan 25, 2023
@mikeparker104 mikeparker104 added the partner/cat 😻 this is an issue that impacts one of our partners or a customer our advisory team is engaged with label Mar 23, 2023
@github-actions
Copy link
Contributor

Thank you for your pull request. We are auto-formatting your source code to follow our code guidelines.

@PureWeen PureWeen added the backport/suggested The PR author or issue review has suggested that the change should be backported. label Apr 17, 2023
@PureWeen PureWeen marked this pull request as ready for review April 17, 2023 18:51
@PureWeen PureWeen marked this pull request as draft April 17, 2023 18:52
@PureWeen PureWeen marked this pull request as ready for review April 17, 2023 18:53
@PureWeen PureWeen removed the backport/suggested The PR author or issue review has suggested that the change should be backported. label Apr 27, 2023
@PureWeen PureWeen marked this pull request as draft May 1, 2023 01:31
@ghost
Copy link

ghost commented May 1, 2023

🚨 API change(s) detected @davidbritch FYI

@github-actions
Copy link
Contributor

github-actions bot commented May 1, 2023

Thank you for your pull request. We are auto-formatting your source code to follow our code guidelines.

@PureWeen
Copy link
Member Author

PureWeen commented May 1, 2023

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 2 pipeline(s).

@PureWeen PureWeen merged commit 565ea93 into main May 8, 2023
@PureWeen PureWeen deleted the fix_7520 branch May 8, 2023 22:52
rmarinho pushed a commit that referenced this pull request May 30, 2023
* Fix Flyout page on iPad

* Update FlyoutPageTests.cs

* - use better override for rotation

* - fix bounds for phone

* - modify ipad flyoutpage to open over content

* - fix click off frame

* - fix a few issues with flyoutpage layout on ipad

* -fix RTL

* - fix pan offset calculations

* - fix width check

* - add bool to allow users to toggle behavior

* Auto-format source code

---------

Co-authored-by: GitHub Actions Autoformatter <autoformat@example.com>
@github-actions github-actions bot locked and limited conversation to collaborators Dec 14, 2023
@samhouts samhouts added the fixed-in-8.0.0-preview.5.8529 Look for this fix in 8.0.0-preview.5.8529! label Aug 2, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter fixed-in-8.0.0-preview.5.8529 Look for this fix in 8.0.0-preview.5.8529! needs-breaking-change-doc-created partner/cat 😻 this is an issue that impacts one of our partners or a customer our advisory team is engaged with t/breaking 💥
Projects
None yet
Development

Successfully merging this pull request may close these issues.

FlyoutPage crashes when FlyoutLayoutBehavior sets to Split on iPad FlyoutPage issues on iOS Tablets
5 participants