A Slider control that's rotated by 90 degrees does not respect boundaries

robopp55 commented 3 months ago

Description

Rotating a Slider control 90 degrees causes the control to draw itself outside the bounds of a layout.

NOTE: I've only tried this on an actual iOS device (iPhone 14 Pro Max, iOS version 17.6) so I'm not sure if it's isolated to iOS or both iOS and Android.

Steps to Reproduce

Create a new .NET MAUI project.
Replace MainPage.xml with the following:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp5.MainPage">

    <Grid BackgroundColor="Red"
          RowDefinitions="50*,50*">
        <Slider Grid.Row="0"
                Rotation="90"/>
    </Grid>
</ContentPage>

Run it on an iOS device and see that the start of the Slider control is drawn under the title bar.

Having a Shell TabBar causes similar issues with the Slider control drawing itself under the TabBar if Grid.Row="1" is used.

Link to public reproduction project repository

No response

Version with bug

8.0.70 SR7

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 17.6

Did you find any workaround?

No response

Relevant log output

No response

github-actions[bot] commented 3 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:

Rotation property of control inside a Border is not working on Windows. (#15772), similarity score: 0.75
LinearGradientBrush as background page has an issue on IOS screen rotation (#23501), similarity score: 0.75
The overlay when displaying Shell Flyout is not drawn correctly when the screen is rotated on iOS. (#15173), similarity score: 0.73

Closed similar issues:

[iOS] Slider not redrawn after changing Maximum property at runtime (#9040), similarity score: 0.78
Upgrading to Visual Studio 17.5 broke MAUI Windows Slider (#13917), similarity score: 0.74

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

ninachen03 commented 3 months ago

I can repro this issue at Android & IOS platform on the latest 17.11.0 Preview 5.0 (8.0.70 & 8.0.3) I try to set Rotation="90" or "120" both of them can repro this issue. Slider

dotnet / maui