I have a dropdown list with a button in the footer. Works fine with no filtering. When I enable filtering and use it on an iphone 7 / Safari, the dropdown fills the screen and the button disappears.
@using Syncfusion.Blazor.DropDowns
@using FilterType = Syncfusion.Blazor.DropDowns.FilterType
NO FILTERING. iPhone7 / Safari: Works as expected
<SfDropDownList TItem="GameFields" TValue="string" Placeholder="Select a game" DataSource="@Games">
<DropDownListFieldSettings Text="Text" Value="ID"></DropDownListFieldSettings>
<DropDownListTemplates TItem="GameFields">
<FooterTemplate>
<SfButton>BUTTON</SfButton>
</FooterTemplate>
</DropDownListTemplates>
</SfDropDownList>
FILTERING ENABLED. iPhone7 / Safari: Dropdown fills entire screen and doesn't show button in footer
<SfDropDownList TItem="GameFields" TValue="string" Placeholder="Select a game" DataSource="@Games" AllowFiltering="true" FilterType="FilterType.Contains">
<DropDownListFieldSettings Text="Text" Value="ID"></DropDownListFieldSettings>
<DropDownListTemplates TItem="GameFields">
<FooterTemplate>
<SfButton>BUTTON</SfButton>
</FooterTemplate>
</DropDownListTemplates>
</SfDropDownList>
@code{
public class GameFields
{
public string ID { get; set; }
public string Text { get; set; }
}
private List<GameFields> Games = new List<GameFields>()
{
new GameFields(){ ID= "Game1", Text= "American Football" },
new GameFields(){ ID= "Game2", Text= "Badminton" },
new GameFields(){ ID= "Game3", Text= "Basketball" },
new GameFields(){ ID= "Game4", Text= "Cricket" },
new GameFields(){ ID= "Game5", Text= "Football" },
new GameFields(){ ID= "Game6", Text= "Golf" },
new GameFields(){ ID= "Game7", Text= "Hockey" },
new GameFields(){ ID= "Game8", Text= "Rugby"},
new GameFields(){ ID= "Game9", Text= "Snooker" },
new GameFields(){ ID= "Game10", Text= "Tennis"},
};
}
