Making the SearchBox an Editable ComboBox instead of TextBox

Sample Applications/WPFGallery/MainWindow.xaml

@@ -159,12 +159,17 @@
                     <RowDefinition Height="Auto" />
                 </Grid.RowDefinitions>
 
-                <TextBox x:Name="SearchBox" 
+                <!--<TextBox x:Name="SearchBox" 
                         AutomationProperties.Name="Search"
                         Margin="10" Width="250"
                         KeyUp="SearchBox_KeyUp"
-                        LostFocus="SearchBox_LostFocus" />
+                        LostFocus="SearchBox_LostFocus" />-->
 
+                <TextBox x:Name="PlaceholderText" Text="Search" Margin="10"/>
+
+                <ComboBox x:Name="SearchComboBox" Margin="10" MinWidth="250" HorizontalAlignment="Left" StaysOpenOnEdit="True"
+                          SelectionChanged="ComboBox_SelectionChanged" IsEditable="True" TextBoxBase.TextChanged="SearchComboBox_TextChanged" 
+                          GotFocus="SearchComboBox_GotFocus" LostFocus="SearchComboBox_LostFocus" IsTextSearchEnabled="False"/>
 
                 <TreeView x:Name="ControlsList" 
                         AutomationProperties.Name="Navigation Pane"

Sample Applications/WPFGallery/MainWindow.xaml.cs

@@ -47,6 +47,7 @@ public MainWindow(MainWindowViewModel viewModel, IServiceProvider serviceProvide
         );
 
         this.StateChanged += MainWindow_StateChanged;
+        SearchComboBox.ItemsSource = ViewModel.NavigationItemsForSearchBox;
     }
 
     private void MainWindow_StateChanged(object sender, EventArgs e)
@@ -107,7 +108,7 @@ private void Toggle_TitleButtonVisibility()
         }
     }
 
-    private void SearchBox_KeyUp(object sender, KeyEventArgs e)
+    /*private void SearchBox_KeyUp(object sender, KeyEventArgs e)
     {
         ViewModel.UpdateSearchText(SearchBox.Text);
     }
@@ -116,7 +117,7 @@ private void SearchBox_LostFocus(object sender, RoutedEventArgs e)
     {
         SearchBox.Text = "";
         ViewModel.UpdateSearchText(SearchBox.Text);
-    }
+    }*/
 
     private void MinimizeWindow(object sender, RoutedEventArgs e)
     {
@@ -168,4 +169,48 @@ private void OnNavigating(object? sender, NavigatingEventArgs e)
             }
         }
     }
+    private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
+    {
+        NavigationItem selectedItem = SearchComboBox.SelectedItem as NavigationItem;
+
+        if (selectedItem is not null)
+        {
+            _navigationService.NavigateTo(selectedItem.PageType);
+            var tvi = ControlsList.ItemContainerGenerator.ContainerFromItem(selectedItem) as TreeViewItem;
+            if (tvi != null)
+            {
+                tvi.IsExpanded = true;
+                tvi.BringIntoView();
+            }
+
+            SearchComboBox.ItemsSource = ViewModel.NavigationItemsForSearchBox;
+            SearchComboBox.SelectedItem = null;
+        }
+
+        SearchComboBox.IsDropDownOpen = false;
+        PlaceholderText.Visibility = Visibility.Visible;
+        Keyboard.ClearFocus();
+    }
+
+    private void SearchComboBox_TextChanged(object sender, TextChangedEventArgs e)
+    {
+        Task.Delay(300);
+        string searchText = (sender as ComboBox).Text;
+        SearchComboBox.IsDropDownOpen = true;
+        SearchComboBox.ItemsSource = ViewModel.NavigationItemsForSearchBox.Where(item => item.Name.Contains(searchText));
+    }
+
+    private void SearchComboBox_GotFocus(object sender, RoutedEventArgs e)
+    {
+        PlaceholderText.Visibility = Visibility.Hidden;
+        SearchComboBox.IsDropDownOpen = true;
+        SearchComboBox.ItemsSource = ViewModel.NavigationItemsForSearchBox;
+    }
+
+    private void SearchComboBox_LostFocus(object sender, RoutedEventArgs e)
+    {
+        SearchComboBox.ItemsSource = ViewModel.NavigationItemsForSearchBox;
+        SearchComboBox.IsDropDownOpen = false;
+        PlaceholderText.Visibility = Visibility.Visible;
+    }
 }

Sample Applications/WPFGallery/ViewModels/MainWindowViewModel.cs

@@ -169,6 +169,9 @@ public partial class MainWindowViewModel : ObservableObject
     private NavigationItem? _selectedControl;
     private INavigationService _navigationService;
 
+    [ObservableProperty]
+    private ICollection<NavigationItem> _navigationItemsForSearchBox = new ObservableCollection<NavigationItem>();
+
     [RelayCommand]
     public void Settings()
     {
@@ -192,13 +195,25 @@ public void Forward()
     {
         _navigationService.NavigateForward();
     }
+    private void GetAllTheNavigationItems()
+    {
+        foreach (var control in Controls)
+        {
+            NavigationItemsForSearchBox.Add((NavigationItem)control);
+            foreach (var child in control.Children)
+            {
+                NavigationItemsForSearchBox.Add((NavigationItem)child);
+            }
+        }
+    }
 
     public MainWindowViewModel(INavigationService navigationService)
     {
         _navigationService = navigationService;
         _timer = new DispatcherTimer();
         _timer.Interval = TimeSpan.FromMilliseconds(400);
         _timer.Tick += PerformSearchNavigation;
+        GetAllTheNavigationItems();
     }
 
     public void UpdateSearchText(string searchText)