-
Notifications
You must be signed in to change notification settings - Fork 1.7k
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
ScrollView in Grid cell multiple issues on iOS, Android and WinUI. #15076
Comments
Bugfix:
I have minimised the label size in the repo so it doesn't get in the way. Updates to scenario 2 after point 2 was applied: All other bugs are as described above. |
Can you split these bugs into separate issues with separate solutions? I appreciate what you wrote, but it's hard for me to understand your exact problem by going back and looking at these drawings pointing to things. Likewise, having one "uber" bug makes it harder to fix and close. |
Apologies, I can see this report is messy. I was in a rush and whilst writing the minimum repo I ran into the Rectangle and Button The bug I was trying to report is simply this:
Unless you tell me that clears things up I'll create the following bugs reports, each with separate repos:
Please note there are probably more symptoms of the underlying bug, e.g. I've got grid-cells resizing themselves vertically on WinUI when the Window is resized horizontally. I just don't have time to write up everything I run into. Wish I did.
Before I write these up, can you let me know if that's what you're asking for, and perhaps save me some time if you're aware of these problems already being reported? Please feel free to close this bug once you have replied. |
I have written up 4 bugs to replace this bug.
@drasticactions I'm closing this bug because it is covered by the other 4. |
Description
Grid
withRowDefinitions="*,*"
where each grid cell contains aScrollView
...Scenario 1:
Grid
cells are 50/50 and theRectangle
can be scrolled within theScrollView
. (Pixel 5, Emulator)Grid
cells expand to fit theRectangle
, i.e. they are too big. (iPhone SE, simulator)Grid
cells appear to be the correct height but theRectangles
are minimal height.Image 1.1
![image](https://private-user-images.githubusercontent.com/16598898/238182232-d722db90-58e7-40d1-9362-d6f37bc9d143.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjcwNjcsIm5iZiI6MTcyMTgyNjc2NywicGF0aCI6Ii8xNjU5ODg5OC8yMzgxODIyMzItZDcyMmRiOTAtNThlNy00MGQxLTkzNjItZDZmMzdiYzlkMTQzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI0VDEzMTI0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIxZjhjMjJlZTdhY2MxOTEzODllZTViMWRmYTU2OGI5NGJiZmRkYTI5NzhlMmUyMDE3MmQzMDJjNDM0ZDAwNjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.3FKng_ePf4O0bfvtsAHaPJR5H69AcIL_6kErT99_NhA)
Image 1.2
![image](https://private-user-images.githubusercontent.com/16598898/238182292-b8723edf-2f79-4619-9de5-44288f3d76f4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjcwNjcsIm5iZiI6MTcyMTgyNjc2NywicGF0aCI6Ii8xNjU5ODg5OC8yMzgxODIyOTItYjg3MjNlZGYtMmY3OS00NjE5LTlkZTUtNDQyODhmM2Q3NmY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI0VDEzMTI0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg5M2U5ZmZlYmYyNjAwZjdkNTBiODYxZjYyNWY1YzMyZGM1MzgwY2RhODFjMWE2Mzg3MzJhZWEyZDhkMmM4OTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.QmS5oscwX90O2HwKzJgNPAP1VjOB5B6jGwbW8N7RZjk)
Image 1.3
![image](https://private-user-images.githubusercontent.com/16598898/238182489-81a030e0-4540-4bd8-8b26-58590e4a0eba.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjcwNjcsIm5iZiI6MTcyMTgyNjc2NywicGF0aCI6Ii8xNjU5ODg5OC8yMzgxODI0ODktODFhMDMwZTAtNDU0MC00YmQ4LThiMjYtNTg1OTBlNGEwZWJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI0VDEzMTI0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBlNjU1M2I1MTY2ZmI2ZjJlODMxNTRiYjdlNzU3ZWE4MGYyODA0Y2ZlNzEwM2EzYjM1ZjZhZDE2ZTgyYWE5N2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.R176wRQYn_Ox6D4Ew-fb3sxVgIn9Rf_PQPtqE0MO-cc)
Scenario 2:
Image 2.1
![image](https://private-user-images.githubusercontent.com/16598898/238182648-14f136e9-f4b2-4210-88cd-db9e597c9d53.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjcwNjcsIm5iZiI6MTcyMTgyNjc2NywicGF0aCI6Ii8xNjU5ODg5OC8yMzgxODI2NDgtMTRmMTM2ZTktZjRiMi00MjEwLTg4Y2QtZGI5ZTU5N2M5ZDUzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI0VDEzMTI0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIzNjI1ZWRhNGI4NTdlMzJlNTQxYjE3ZWY1MjY4NmQ0NjkwMTMwZWViYWFiZDg3NGYyM2MxOTA1MmU4YWZiNGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.DD14eHJc4pT8ejIaQArWaESdj9IUJ6J7eKcefptpZDA)
Image 2.2
![image](https://private-user-images.githubusercontent.com/16598898/238182748-0e09df63-0afb-41e3-a6be-1926ca37db18.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjcwNjcsIm5iZiI6MTcyMTgyNjc2NywicGF0aCI6Ii8xNjU5ODg5OC8yMzgxODI3NDgtMGUwOWRmNjMtMGFmYi00MWUzLWE2YmUtMTkyNmNhMzdkYjE4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI0VDEzMTI0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUyNTg5ZjYwYTVlOTIyNmE0Y2JhYjI0N2M0NDVmNmY5Njk1MWZhOTA2MGVkY2YwODM0N2EzNTIyMWE5N2U1ODImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.4CywiqcqRhfUTBNije9kU5kdovXxW4o_1-KJ1RdaMAw)
Image 2.3
EDIT: The ScrollBars are present and work correctly. See the comment after this post.
Steps to Reproduce
File->New MAUI app.
Replace the root object in MainPage.xaml with one or the other
Grid
shown below ...Scenario 1:
Grid
cells are 50/50 and theRectangle
can be scrolled within theScrollView
. (Pixel 5, Emulator)Grid
cells expand to fit theRectangle
, i.e. they are too big. (iPhone SE, simulator)Grid
cells appear to be the correct height but theRectangles
are minimal height.Scenario 2:
Link to public reproduction project repository
https://github.com/Keflon/MauiGridBug
Version with bug
7.0 (current)
Last version that worked well
6.0.312
Affected platforms
iOS, Android, Windows, I was not able test on other platforms
Affected platform versions
Latest.
Did you find any workaround?
No workaround found yet.
The problem is new, but I didn't notice which update caused it. It was a recent update.
The disappearing text (when
InputTransparent="True"
) for Android is visible ifIsVisible
is initially true, i.e. not databound to a bool that starts false.There are many other 'quirks' to the layout, some of which may be symptoms of the same underlying problem. These caused some difficulty providing a succinct demo project.
Maybe this is a clue? ...
The problem that led me here is a
WinUI
problem where it appears resizing the width of the Window causes a layout pass that sorts out some grid-related layout issues I was having, at the cost of causing other issues. I'm being vague because I'm not certain whether the problem lies with me; if not, I'll raise a bug if I don't find an existing one.The problems all centre around a custom-control that contains a ScrollView.
Relevant log output
No response
The text was updated successfully, but these errors were encountered: