We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SFComboBox text cut off on iOS

I have an SFComboBox on a page with other controls.  It is fine under Android. On iOS the text showing the current selection is cut off.



Here is the XAML...

<Style TargetType="combobox:SfComboBox">
                <Setter Property="FontFamily" Value="OpenSans-Regular.ttf#Open Sans"/>
                <!--Setter Property="BackgroundColor" Value="{StaticResource Controls}"/-->
            </Style>
            <Style TargetType="inputLayout:SfTextInputLayout">                
                <Setter Property="ContainerBackgroundColor" Value="{StaticResource Controls}"/>
                <Setter Property="ContainerType" Value="Filled"/>
            </Style>

<inputLayout:SfTextInputLayout Grid.Row="0" Grid.ColumnSpan="2" Hint="State">
                    <combobox:SfComboBox x:Name="State" AutomationId="State" HorizontalOptions="StartAndExpand" TextSize="Small" BackgroundColor="#00000000" DataSource="{Binding States}" SelectedItem="{Binding SelectedState}">
                        <combobox:SfComboBox.HeightRequest>
                            <OnPlatform
                                x:TypeArguments="x:Double"
                                Android="60"
                                WinPhone="60"
                                iOS="30" />
                        </combobox:SfComboBox.HeightRequest>
                    </combobox:SfComboBox>
                </inputLayout:SfTextInputLayout>

1 Reply

HM Hemalatha Marikumar Syncfusion Team December 18, 2019 01:01 PM UTC

Hi Donald,

Greetings from Syncfusion. 
 
We checked the reported behavior with SfTextInputLayout and SfComboBox Controls. Please let us know is there any specific reason to set StartAndExpand as SfComboBox’s HorizontalOptions?  
 
We have suspected that StartAndExpand will be a reason for cropping the text in SfComboBox. We have also ensured this by changing by FillAndExpand and it works fine. Based on that we have modified the 
sample which is available for download in below 

Please check with the above sample and let us know if you have any concerns. 
 
Regards, 
Hemalatha M. 


Loader.
Live Chat Icon For mobile
Up arrow icon