Open skolesni opened 5 years ago
Hi guys, just wnted to check roughly when someone can look into this. Thanks.
Yep. Repro works. On iPhone X the left margin is greater than on, say, iPhone 8 Plus.
Hi guys, just decied to check the status of the bug on New Year Eve ;) Wish you all a great new year, and looking forward to see this bug and others disappear. All the best!
Hi @skolesni, many people are still on holidays for Christmas and New Year's Day. This issue appears to have been triaged, and should be added to a sprint project (visible on the projects tab) when the work is scheduled. We also welcome contributions from the community for any open issues, as usual.
Good day guys, just wanted to check what is the priority to resolve this issue? @kingces95 or @pauldipietro could you please provide an update?
Hi all. Not sure whether will have some luck, but if anyone could comment on whether this issue is being addressed, or has a reasonable workaround? @kingces95 or @pauldipietro could you please provide an update? Thank you.
Hi guys, I have retested this issue on Xamarin.Forms 3.6 and it is still there. What's your proposed workaround?
Description
The Xamarin.Forms.ListView control on iOS introduces unexpected left margin after being shifted outside of the screen boundary and back using the TransformX function. This only happens on iPhone X devices in Landscape mode.
In this scenario, I create a slide in menu, which uses ListView control to display Menu Items. When the user taps on the "Menu" button (see screenshots in the sample solution below), the menu slides in from the left. When the user dismisses the menu, it slides out back to the left. Once the menu panel control is created, it stays hidden outside the boundaries of the view. The menu panel control is created dynamically, placed outside of the view and attached to the parent control, then its position is manipulated using TransformX with animation.
Here is the sample solution which demonstrates the issue: https://github.com/skolesni/Issues.ListViewTranslate.Forms
This code has been working in a number of production apps since 2016. Since the introduction of the iPhone X devices (with the notch) the issue started to appear only on iPhone X devices. The code works fine on any pre-iPhone X devices, e.g. iPhone 8, iPhone 8 Plus, etc., on Android and UWP.
I have tried different approaches to create a sliding effect of the menu, but never get satisfying results with the ListView in the scope of affected devices. If I use other controls, such as StackLayout of items, the solution works as expected.
Once the sample solution is downloaded, please have a look at the screenshots in the "Screenshots" folder.
Steps to Reproduce
Expected Behavior
There is no unexpected margin on the left in the menu panel
Actual Behavior
There is an unexpected margin of approximately 75px on the left in the menu panel
Basic Information
For a brief description of the solution, please refer to the "readme.md" file in the https://github.com/skolesni/Issues.ListViewTranslate.Forms repository
Screenshots
Screenshots are provided in the "Screenshots" folder of the https://github.com/skolesni/Issues.ListViewTranslate.Forms repository