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

[regression/8.0.0] ScrollView Cuts Off Content Underneath it Depending on Simulator #15514

Closed
Jake-Derrick opened this issue Jun 7, 2023 · 8 comments
Assignees
Labels
area-controls-scrollview ScrollView i/regression This issue described a confirmed regression on a currently supported version t/bug Something isn't working
Milestone

Comments

@Jake-Derrick
Copy link

Jake-Derrick commented Jun 7, 2023

Description

ScrollView will cut off content underneath it. The amount depends on the simulator used (no access to physical devices to see if it's a simulator only problem).
A Red Button and a Pink Box should be displayed underneath the ScrollView. See code in Steps to Reproduce for reference.

iPhone SE: No Red Button or Pink Box
image

iPhone 14: Red Button, no Pink Box
image

iPad mini: Partial Red Button, no Pink Box
image

iPhone SE on version 7.0.81: Displays both
image

Steps to Reproduce

Create a ScrollView with more content below it. Ex:

  <StackLayout Orientation="Vertical" VerticalOptions="FillAndExpand">
     <ScrollView VerticalOptions="FillAndExpand">
        <StackLayout>
            <BoxView HeightRequest="400" Color="Blue"/>
            <BoxView HeightRequest="400" Color="Yellow"/>
            <BoxView HeightRequest="400" Color="Green"/>
          </StackLayout>
     </ScrollView>
        <Button Text="Hello" Background="Red"  HorizontalOptions="EndAndExpand"/>
        <BoxView HeightRequest="200" Color="Pink"/>
  </StackLayout>

Link to public reproduction project repository

N/A, use above code

Version with bug

7.0.86

Last version that worked well

7.0.81

Affected platforms

I was not able test on other platforms

Affected platform versions

iOS 16

Did you find any workaround?

No workarounds in the current version.
Adding <MauiVersion>7.0.81</MauiVersion> to the csproj file to rollback is a workaround

Relevant log output

No response

@Jake-Derrick Jake-Derrick added the t/bug Something isn't working label Jun 7, 2023
@Eilon Eilon added the area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter label Jun 8, 2023
@PureWeen PureWeen added the i/regression This issue described a confirmed regression on a currently supported version label Jun 23, 2023
@PureWeen
Copy link
Member

@Jake-Derrick if you switch to a Grid does that resolve your issue?

@PureWeen PureWeen added this to the .NET 8 milestone Jun 23, 2023
@Jake-Derrick
Copy link
Author

@PureWeen
Updating to a grid did not resolve the issue in 7.0.86. To validate, I checked 7.0.81 and the grid worked

@johannes-steurer
Copy link

I think this is related to this issue: #15332

Hope we don't have to wait for .NET 8 for this fix as this clearly makes it impossible to deliver anything on iOS. And for sure more people like me can't afford to wait that long

@Jake-Derrick: How did you roll back to 7.0.81?

@Jake-Derrick
Copy link
Author

@johannes-steurer,
Adding <MauiVersion>7.0.81</MauiVersion> to the csproj was how I rolled back

Though <MauiVersion> is deprecated, for the time being it works. See: #12998 (comment)

@Redth Redth added the s/try-latest-version Please try to reproduce the potential issue on the latest public version label Jul 12, 2023
@ghost
Copy link

ghost commented Jul 12, 2023

Hi @Jake-Derrick. We have added the "s/try-latest-version" label to this issue, which indicates that we'd like you to try and reproduce this issue on the latest available public version. This can happen because we think that this issue was fixed in a version that has just been released, or the information provided by you indicates that you might be working with an older version.

You can install the latest version by installing the latest Visual Studio (Preview) with the .NET MAUI workload installed. If the issue still persists, please let us know with any additional details and ideally a reproduction project provided through a GitHub repository.

This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

@Redth
Copy link
Member

Redth commented Jul 12, 2023

Can you please try 7.0.92 (SR7) which was just released? There were some potentially related fixes there.

@Redth Redth modified the milestones: .NET 8, .NET 8 GA Jul 12, 2023
@johannes-steurer
Copy link

for me the recent VS-update (I think to Maui 7.0.92) solved the issue.
Thanks for this release

@Jake-Derrick
Copy link
Author

7.0.92 worked for me as well

@ghost ghost removed the s/try-latest-version Please try to reproduce the potential issue on the latest public version label Jul 13, 2023
@ghost ghost locked as resolved and limited conversation to collaborators Aug 13, 2023
@samhouts samhouts changed the title ScrollView Cuts Off Content Underneath it Depending on Simulator [regression/8.0.0] ScrollView Cuts Off Content Underneath it Depending on Simulator Sep 18, 2023
@Eilon Eilon removed the area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter label May 14, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-controls-scrollview ScrollView i/regression This issue described a confirmed regression on a currently supported version t/bug Something isn't working
Projects
None yet
Development

No branches or pull requests

6 participants