When using the sfDataGrid, the vertical scrollbar is overlaying part of the rightmost column of the grid.
If the rightmost column is a dropdown then it is easy to click the scrollbar when you really meant to click the dropdown.
Is there a way to ensure the vertical scrollbar does not overly the rightmost column?
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<TextBlock Text="{Binding Path=Title}" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="10,0,0,10" FontSize="23" Grid.Row="0"/>
<grid:SfDataGrid x:Name="dataGrid" AllowSorting="True" AllowEditing="True" NavigationMode="Cell" EditTrigger="OnTap"
ShowRowHeader="True" ItemsSource="{Binding EntityValues}" ColumnSizer="SizeToHeader"
SelectionMode="Single" Grid.Row="1"
RowStyleSelector="{StaticResource rowStyleSelector}"
behaviours:DataGridCurrentCellEndEditCommandBehaviour.Command="{Binding CurrentCellEndEditCommand}">
<grid:SfDataGrid.SortColumnDescriptions>
<grid:SortColumnDescription ColumnName="Name" />
</grid:SfDataGrid.SortColumnDescriptions>
<grid:SfDataGrid.Columns>
<grid:GridTextColumn HeaderText="Name" MappingName="Name" />
<grid:GridComboBoxColumn ItemsSource="{StaticResource includeTypesComboBox}" MappingName="Include"
DisplayMemberPath="Name" SelectedValuePath="Value"/>
</grid:SfDataGrid.Columns>
</grid:SfDataGrid>
</Grid>