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

Border Left and Right Margins Dont work on iOS, works well on Android #13965

Closed
planyazilim opened this issue Mar 15, 2023 · 3 comments
Closed
Labels
area-controls-border Border area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter platform/iOS 🍎 s/triaged Issue has been reviewed s/try-latest-version Please try to reproduce the potential issue on the latest public version t/bug Something isn't working
Milestone

Comments

@planyazilim
Copy link

Description

In CollectionView
Border Left and Right Margins Dont work on iOS, works well on Android

Steps to Reproduce

                <DataTemplate>
                    <Border  Margin="20,20,20,20" Padding="15,6,15,6" Background="White" Stroke="#237073" 
                        StrokeShape="RoundRectangle 10,10,10,10" StrokeThickness="3">
                            <Label  Text="{Binding Kat_ismi}" TextColor="#237073" VerticalTextAlignment="Center" />
                    </Border>
                </DataTemplate>

Link to public reproduction project repository

In CollectionView Border Left and Right Margins Dont work on iOS, works well on Android

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS

Did you find any workaround?

Yes, if I add a VerticalStackLayout and give Margin, and put Border inside this stacklayout it works.

                <DataTemplate>
                    <VerticalStackLayout Margin="0,0,0,0">
                    <Border  Padding="15,6,15,6" Background="White" Stroke="#237073" 
                        StrokeShape="RoundRectangle 10,10,10,10" StrokeThickness="3">
                            <Border.Margin>
                                <OnPlatform x:TypeArguments="Thickness">
                                    <On Platform="iOS" Value="10,4,10,2" />
                                    <On Platform="Android" Value="10,0,10,0" />
                                </OnPlatform>
                            </Border.Margin>
                            <Label 
                            Style="{DynamicResource LargeL}"
                            Text="{Binding Kat_ismi}"
                            TextColor="#237073"
                            VerticalTextAlignment="Center" />
                    </Border>
                    </VerticalStackLayout>
                </DataTemplate>

Relevant log output

Yes, if I add a VerticalStackLayout and give Margin, and put Border inside this stacklayout it works
@planyazilim planyazilim added the t/bug Something isn't working label Mar 15, 2023
@ghost ghost added the legacy-area-controls Label, Button, CheckBox, Slider, Stepper, Switch, Picker, Entry, Editor label Mar 15, 2023
@jsuarezruiz jsuarezruiz added area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter platform/iOS 🍎 labels Mar 15, 2023
@jsuarezruiz jsuarezruiz added this to the Backlog milestone Mar 15, 2023
@ghost
Copy link

ghost commented Mar 15, 2023

We've added this issue to our backlog, and we will work to address it as time and resources allow. If you have any additional information or questions about this issue, please leave a comment. For additional info about issue management, please read our Triage Process.

@Zhanglirong-Winnie Zhanglirong-Winnie added s/triaged Issue has been reviewed s/try-latest-version Please try to reproduce the potential issue on the latest public version labels Jun 20, 2023
@ghost
Copy link

ghost commented Jun 20, 2023

Hi @planyazilim. 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.

@Zhanglirong-Winnie
Copy link

Verified this issue with Visual Studio Enterprise 17.7.0 Preview 2.0. Not repro on iOS platform with above code.
Screenshot 2023-06-20 164823
Screenshot 2023-06-20 165519

@ghost ghost closed this as completed Jun 27, 2023
@ghost ghost locked as resolved and limited conversation to collaborators Jul 27, 2023
@Eilon Eilon removed the legacy-area-controls Label, Button, CheckBox, Slider, Stepper, Switch, Picker, Entry, Editor label May 10, 2024
This issue was closed.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-controls-border Border area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter platform/iOS 🍎 s/triaged Issue has been reviewed s/try-latest-version Please try to reproduce the potential issue on the latest public version t/bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants