Width not adapting

[Jorge Valenzuela]

Greetings, Sync team!
I'm facing an issue with the accordion's width in iOS 13.3 version; what is happening is that the width is not taking all the space as it should.

Weird thing is that in iOS 14 and 12 is working with no problem.

[Jorge Valenzuela]

This is my code: 

<StackLayout AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1" VerticalOptions="FillAndExpand" IsVisible="{Binding IsPortrait}">

                    <ScrollView VerticalOptions="FillAndExpand">

                        <StackLayout Padding="0" Margin="0" Spacing="0">

                            <BoxView Style="{DynamicResource SeparatorLine}" HeightRequest="1"/>

                            <syncfusion:SfAccordion x:Name="AccordionDetail" BindableLayout.ItemsSource="{Binding ItemsDetails}" ItemSpacing="0" Padding="0" Margin="0" ExpandMode="Multiple" HeaderIconPosition="None"

                                            Collapsed="AccordionDetail_Collapsed" Collapsing="AccordionDetail_Collapsing" Expanded="AccordionDetail_Expanded" Expanding="AccordionDetail_Expanding" VerticalOptions="FillAndExpand">

                                <BindableLayout.ItemTemplate>

                                    <DataTemplate>

                                        <syncfusion:AccordionItem IsExpanded="True">

                                            <syncfusion:AccordionItem.Header>

                                                <StackLayout BackgroundColor="{DynamicResource Background}" HeightRequest="45" VerticalOptions="Center" HorizontalOptions="Center" Padding="0" Margin="0" Spacing="0">

                                                    <BoxView Style="{DynamicResource SeparatorLine}" HeightRequest="1"/>

                                                    <Label Text="{Binding Title}" TextColor="{DynamicResource SecondaryText}" FontSize="22" HorizontalOptions="CenterAndExpand" HorizontalTextAlignment="Center" VerticalOptions="CenterAndExpand" VerticalTextAlignment="Center"/>

                                                    

                                                </StackLayout>

                                            </syncfusion:AccordionItem.Header>

                                            <syncfusion:AccordionItem.Content>

                                                <controls:NoBouncingListView x:Name="WarningListView" ItemsSource="{Binding List}" HeightRequest="{Binding Height}" RowHeight="60" Margin="0,0,0,0"

                                                                     SelectionMode="None" HasUnevenRows="False" BackgroundColor="{DynamicResource Foreground}" SeparatorColor="Transparent" VerticalScrollBarVisibility="Never">

                                                    <ListView.ItemTemplate>

                                                        <DataTemplate x:DataType="model:HealthResourceItem">

                                                            <ViewCell IsEnabled="false">

                                                                <Grid x:Name="WarningAlerts" Margin="0" RowSpacing="0" Padding="0" VerticalOptions="FillAndExpand" BackgroundColor="{DynamicResource Foreground}">

                                                                    <Grid.RowDefinitions>

                                                                        <RowDefinition Height="Auto" />

                                                                        <RowDefinition Height="*" />

                                                                    </Grid.RowDefinitions>

                                                                    <Grid.ColumnDefinitions>

                                                                        <ColumnDefinition Width="10*" />

                                                                        <ColumnDefinition Width="55*" />

                                                                        <ColumnDefinition Width="35*" />

                                                                    </Grid.ColumnDefinitions>

                                                                    <BoxView Grid.Row="0" Grid.ColumnSpan="3" Style="{DynamicResource SeparatorLine}"/>

                                                                    <Image Grid.Row="1" Grid.Column="0" VerticalOptions="Center" Margin="10,0,0,0">

                                                                        <Image.Source>

                                                                            <svg:SvgImageSource Source="ic_droplet.svg" Color="{Binding colorTextAndIconHex}" Width="24" Height="28" />

                                                                        </Image.Source>

                                                                    </Image>

                                                                    <Label Grid.Row="1" Grid.Column="1" VerticalOptions="Center" VerticalTextAlignment="Center" Margin="10,0,0,0">

                                                                        <Label.FormattedText>

                                                                            <FormattedString>

                                                                                <Span Text="{Binding value}" FontSize="32" TextColor="{Binding colorTextAndIconHex}"/>

                                                                                <Span Text=" "/>

                                                                                <Span Text="{Binding unit}" FontSize="13" TextColor="{DynamicResource SecondaryText}"/>

                                                                            </FormattedString>

                                                                        </Label.FormattedText>

                                                                    </Label>

                                                                    <Label Grid.Row="1" Grid.Column="2" VerticalOptions="Center" VerticalTextAlignment="Center" HorizontalOptions="End" Margin="0,0,10,0"

                                                                           FontSize="16" Text="{Binding HourMinute}" TextColor="{DynamicResource SecondaryText}" />

                                                                </Grid>

                                                            </ViewCell>

                                                        </DataTemplate>

                                                    </ListView.ItemTemplate>

                                                </controls:NoBouncingListView>

                                            </syncfusion:AccordionItem.Content>

                                        </syncfusion:AccordionItem>

                                    </DataTemplate>

                                </BindableLayout.ItemTemplate>

                            </syncfusion:SfAccordion>

                        </StackLayout>

                    </ScrollView>

                </StackLayout>

[SaiGanesh Sakthivel]

Hi Jorge,  

  

Thank you for using syncfusion products.  

  

#Regarding width not adapting in SfAccordion  

We have checked the reported scenario with the available iOS simulator 13.2. We regret to inform you that we could not replicate the reported scenario from our side.  Its working as expected. We have attached the tested sample for your reference and you can download the same from the following location. 

  

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/AccordionBindableLayout190616614  

  

Please check the sample and let us know if you still facing the same issue? If not, please modify the sample based on your scenario and revert us back with the following details,  

 

·       Share the issue replicate video.  

·       Share the syncfusion version and Xamarin form version used in sample.  

Regards, 
SaiGanesh Sakthivel