ComboBox column suggestion options out of bounds at bottom of screen

[Melydron]

Hello,

My issue appears on iOS only, as the behavior on Android is correct.

If  I select a combobox that is near the bottom of the screen, the dropdown list of options will expand downwards and out of screen area in iOS. 

But on Android it expands upwards and can be viewed correctly.

My layout is:

    <popuplayout:SfPopupLayout x:Name="popUp" >

        <popuplayout:SfPopupLayout.PopupView>

               ...

        </popuplayout:SfPopupLayout.PopupView>

        <popuplayout:SfPopupLayout.Content>

            <syncfusion:SfDataGrid x:Name="dataGrid"  >

                <syncfusion:SfDataGrid.Columns x:TypeArguments="syncfusion:Columns" >

                    <syncfusion:GridComboBoxColumn  x:Name="OutcomeColumn" ShowClearButton="False"  HeaderText="Outcome" CellTextSize="16"  Width="100" 

                                           MappingName="Outcome" AllowEditing="True"   HeaderFontAttribute="Bold"  />

                </syncfusion:SfDataGrid.Columns>

            </syncfusion:SfDataGrid>

        </popuplayout:SfPopupLayout.Content>

    </popuplayout:SfPopupLayout>

Thanks.

[Karthikraja Kalaimani]

Hi Melydron, 

We have checked the reported issue "DropDown goes outside of the view in iOS platform" and logged bug report for the same. We will fix the issue and include the fix in our upcoming weekly nuget release which is scheduled on 15th June 2021. So, you can use the below workaround to overcome the issue, until we integrate in our upcoming release. 

Code snippets : 

<local:CustomSfDataGrid AllowEditing="True"
x:Name="datagrid"
SelectionMode="Single"
NavigationMode="Cell"

EditTapAction="OnTap"
AutoGenerateColumns="False"
ItemsSource="{Binding mycollect}"

ColumnSizer="Star"
AllowColumnSelection="True"
AllowDraggingRow="True"
AllowDraggingColumn="True"

AllowResizingColumn="True" ScrollingMode="PixelLine" >

<syncfusion:SfDataGrid.Columns>

 <syncfusion:GridDateTimeColumn MappingName="SfDateTime"></syncfusion:GridDateTimeColumn>
 <syncfusion:GridComboBoxColumn BindingContext="{x:Reference viewModel}" ItemsSource="{Binding CustomerNames}" AllowEditing="True" MappingName="No_1"></syncfusion:GridComboBoxColumn>
 </syncfusion:SfDataGrid.Columns>
 </local:CustomSfDataGrid>

...

this.datagrid.CellRenderers.Remove("ComboBox");
this.datagrid.CellRenderers.Add("ComboBox", new CustomComboBoxRenderer());

....

public class CustomComboBoxRenderer : GridCellComboBoxRenderer
{
      public override void OnInitializeEditView(DataColumnBase dataColumn, GridComboBox view)
      {
          view.SuggestionBoxPlacement = Syncfusion.XForms.ComboBox.SuggestionBoxPlacement.Auto;
          base.OnInitializeEditView(dataColumn, view);
      }
}

Regards,
Karthik Raja

[Melydron]

Hello,

I installed today's update but it seems the fix wasn't included.

I'll use the workaround for now, thanks.

[Karthikraja Kalaimani]

Hi Melydron, 

Sorry for the inconvenienced caused. 

We will include the fix in our 2021 Volume 2 release which is expected to available on end of the June 2021. We appreciate your patience until then.

Regards,
Karthik Raja

[Karthikraja Kalaimani]

Hi Melydron, 
 

We are glad to announce that our Essential Studio 2021 Volume 2 Main Release v19.2.0.44 is rolled out and we included the fix "DropDown goes outside of the view in iOS platform" and it is available for download under the following link. 

https://www.syncfusion.com/forums/166800/essential-studio-2021-volume-2-main-release-v19-2-0-44-is-available-for-download 

 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.  

Regards,
Karthik Raja