WPF: How to disable tab navigation without also disabling arrow key navigation?

Question

I have set IsTabStop to false on all controls in my window, so that when I press the Tab key, the focus doesn't move (I need the Tab key for something else). But doing this breaks arrow key navigation - I click on an item in a ListView and then pressing up/down doesn't change the selected item anymore.

Is there a way to disable tab navigation, but without touching arrow key navigation? They seem to be related.

I tried setting IsTabStop to true and TabNavigation to false, but it doesn't work either.

<ListView ItemContainerStyle="{StaticResource ItemCommon}" IsTabStop="False">
    <ListView.Resources>
        <Style x:Key="ItemCommon">
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/>
            <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Cycle"/>
        </Style>
    </ListView.Resources>
</ListView>

score 16 · Accepted Answer · answered Nov 18 '10 at 03:00

On your window (or some ancestor of the controls you don't want tab to work on) swallow the tab key.

You can swallow it by attaching to the PreviewKeyDown event and set e.Handled = true when the key is a tab.

Pure Code Behind:

 public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            this.PreviewKeyDown += MainWindowPreviewKeyDown;
        }

        static void MainWindowPreviewKeyDown(object sender, KeyEventArgs e)
        {
            if(e.Key == Key.Tab)
            {
                e.Handled = true;
            }
        }
    }

You can also set a Keyboard handler as such:

<Window x:Class="TabSwallowTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        Keyboard.PreviewKeyDown="Window_PreviewKeyDown" >

    <StackPanel>
        <TextBox Width="200" Margin="10"></TextBox>
        <TextBox Width="200" Margin="10"></TextBox>
    </StackPanel>
</Window>

but you'll need a corresponding event handler:

   private void Window_PreviewKeyDown(object sender, KeyEventArgs e)

    {
        if (e.Key == Key.Tab)
        {
            e.Handled = true;
        }
    }

Nice. I was almost doing this, but was handling PreviewKeyUp not PreviewKeyDown so although I was setting e.Handled=true it was too late by that point and the focus shot off somewhere. — Jon, Apr 23 '15 at 16:31
This also prevents tabbing through controls within that Tabber as well. — bytecode77, Jul 29 '16 at 12:17

score 5 · Answer 2 · answered Feb 10 '11 at 07:06

I believe what you want is to set the KeyboardNavigation.TabNavigation attached property to Once on your ListView. I've done this with a templated ItemsControl and it seems to give me the behavior that I would expect from like a ListBox where a tab into the control will select the first item but an additional tab will tab right out of the listbox and onto the next control.

So following this method your example may be able to be shortend down to just this.

<ListView ItemContainerStyle="{StaticResource ItemCommon}"
          KeyboardNavigation.TabNavigation="Once" />

I haven't tested this with the ListView control however but I wouldn't be surprised if it works for you.

WPF: How to disable tab navigation without also disabling arrow key navigation?

2 Answers2

Linked