Editor and ScrollView problems in iOS

geertgeerits commented 5 months ago

Description

Editor: HorizontalOptions does not work.
ScrollView: Orientation="Vertical": The orientation is wrong when the device is rotated from landscape to portrait. The orientation is changed to horizontal.

Steps to Reproduce

Open the repository and click the 'Click me' button.

Link to public reproduction project repository

https://github.com/geertgeerits/MauiBugEditor

Version with bug

8.0.21 SR4.1

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS tested from version 15

Did you find any workaround?

No

Relevant log output

No response

github-actions[bot] commented 5 months ago

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

[iOS] Editor autoscrolls its text view completely off the screen if you press 'return' too many times, has no constraint against scrolling the text view off screen. Objects lag in resizing around it. (#17757), similarity score: 0.79
iOS Scrolling of Editor and Label placed in ScollView does not work. (#15044), similarity score: 0.78
ScrollView Orientation="Horizontal" RTL ios not working In .NET 8 Maui (#18883), similarity score: 0.77

Closed similar issues:

Maui for ios RTL modes problem with ScrollView (#17674), similarity score: 0.77
Scrollview pushes button below beyond the screen on iOS (#16051), similarity score: 0.76

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

Zhanglirong-Winnie commented 5 months ago

Verified this issue with Visual Studio 17.11.0 Preview 1.1 (8.0.40&8.0.21). Can repro on iOS platform with sample project.

karthikraja-arumugam commented 1 month ago

Issue 1: Since the parent grid is set to center alignment, the editor is aligned according to its size. If you want the editor to occupy the entire width, set the grid's horizontal options to "Fill" so the editor can take up the available space.

    <Grid
        RowDefinitions="Auto, *, Auto"
        ColumnDefinitions="130*, 100, 130*, 1"
        HorizontalOptions="Fill"
        Margin="0,0,4,5">

       ...
</Grid>

Issue 2: There doesn't appear to be any issue when changing device orientation at runtime. Could you please provide additional details, such as a screenshot or video, for better clarity on the issue?

geertgeerits commented 1 month ago

HorizontalOptions="Center" to HorizontalOptions="Fill" makes no difference. The error remains. Tested on an iPad with iOS 17.7. See images on the project repository. It works correct on Android and Windows.

karthikraja-arumugam commented 1 month ago

Yes @geertgeerits, I missed some code. We need to set the horizontal option for the inner grid. The screenshot below shows the resulting output.

If we set the horizontal options for both grids, the output will look like this.

geertgeerits commented 1 month ago

The first problem is solved with that but not the second. When you press the 'Click me' key in vertical position you see the full text. Turn the device to horizontal position and then back to vertical position then you notice that the text is not displayed completely. On the iPad the text is lost after OOOOOO-P. So the letters P, Q, R, S, T are not displayed.

karthikraja-arumugam commented 3 weeks ago

@geertgeerits, The issue with horizontal scrolling has been resolved in the latest .NET 9 package. Could you please verify this with .NET 9?

geertgeerits commented 3 weeks ago

Hi, The error is still there: ScrollView: Orientation="Vertical": The orientation is wrong when the device is rotated from landscape to portrait. The orientation is changed to horizontal. When entering a text (click the 'Click me' button) in portrait position, then turn the device to landscape position and then back to portrait position, you wil see that there is text missing. Link to public reproduction project repository: https://github.com/geertgeerits/MauiBugEditor See screenshots on the repository: IMG_5471-Portrait before.PNG - IMG_5472-Landscape.PNG - IMG_5473-Portrait after.PNG I think it has to do with the HorizontalOptions property of the editor.

Visual Studio 2022 Preview: version 17.12.0 Preview 5.0 Microsoft.Maui.Controls: version 9.0.0-rc.2.24503.2 Microsoft.Maui.Controls.Compatibility: version 9.0.0-rc.2.24503.2

dotnet / maui