Popup Lost the Focus on Navigation in WPF - wpf

Question

While using the List View or List Box inside the Popup its behavior looks abnormal on the navigation operation. We have the design as like, loaded the list view inside popup control. On navigate the list view using navigation keys after reaching the last item of the list view, that the actual parent of the popup control starts navigating for my action how to avoid this navigation. In the below code after reaching the List Box last Item the Grid catch the focus and start scrolling.
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<ToggleButton Height="20" Width="20"
x:Name="PART_ColorPickerToggleButton"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
IsTabStop="True">
<ToggleButton.Template>
<ControlTemplate>
<Border BorderBrush="LightGray" BorderThickness="1">
<Rectangle
x:Name="PART_Rectangle"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Fill="Orange" />
</Border>
</ControlTemplate>
</ToggleButton.Template>
</ToggleButton>
<Popup Opened="PART_ColorPickerPalettePopup_Opened"
Height="100"
Closed="PART_ColorPickerPalettePopup_Closed"
x:Name="PART_ColorPickerPalettePopup"
PlacementTarget="{Binding ElementName=PART_ColorPickerToggleButton}"
Width="250"
VerticalAlignment="Bottom"
AllowsTransparency="False"
Focusable="True"
HorizontalOffset="1"
IsOpen="{Binding ElementName=PART_ColorPickerToggleButton, Path=IsChecked, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
PopupAnimation="Slide"
StaysOpen="False"
VerticalOffset="1">
<ListBox x:Name="list" PreviewKeyDown="list_PreviewKeyDown">
</ListBox>
</Popup>
<CheckBox Content="HI" Grid.Row="1" Height="25"/>
<CheckBox Content="HI" Grid.Row="2" Height="25"/>
<CheckBox Content="HI" Grid.Row="3" Height="25"/>
<CheckBox Content="HI" Grid.Row="4" Height="25"/>
<CheckBox Content="HI" Grid.Row="5" Height="25"/>
<CheckBox Content="HI" Grid.Row="6" Height="25"/>
<CheckBox Content="HI" Grid.Row="7" Height="25"/>
<CheckBox Content="HI" Grid.Row="8" Height="25"/>
<CheckBox Content="HI" Grid.Row="9" Height="25"/>
<CheckBox Content="HI" Grid.Row="10" Height="25"/>
<CheckBox Content="HI" Grid.Row="11" Height="25"/>
<CheckBox Content="HI" Grid.Row="12" Height="25"/>
<CheckBox Content="HI" Grid.Row="13" Height="25"/>
<CheckBox Content="HI" Grid.Row="14" Height="25"/>
<CheckBox Content="HI" Grid.Row="15" Height="25"/>
</Grid>

Answer 1

You should apply the attached property KeyboardNavigation.DirectionalNavigation to the ListBox and set it to KeyboardNavigationMode.Cycle:
<ListBox ItemsSource="{Binding Values}"
KeyboardNavigation.DirectionalNavigation="Cycle" />