Highest Voted 'keyboard-navigation' Questions

6

votes

2 answers

Adding navigation keybindings for vim command line

Perhaps I'm not using the right terminology, but I'm struggling to try to find a way to add some key bindings for use while navigating the command line in vim. An example would be the following command: :e…

vim command-line keyboard-navigation

asked Jun 18 '12 at 20:50

Peter Zich

512
3
13

5

votes

1 answer

How to find out which element has focus when debugging WPF?

I'm navigating with the keyboard, and I can't find visually which element has the focus. While debugging I managed to break the execution in a method inside the Window but I don't know which property will reveal the current focused control.

.net wpf focus window keyboard-navigation

asked Jul 06 '11 at 16:51

Jader Dias

88,211
155
421
625

5

votes

1 answer

How to make tab index work for dropdowns?

I have a header with a bootstrap dropdown component and I am trying to enable keyboard navigation to that element by using tabindex. The following is the html and simple css: HTML:

html css twitter-bootstrap keyboard-navigation

asked Sep 14 '16 at 21:52

ShellZero

4,415
12
38
56

5

votes

4 answers

RTL (right-to-left) keyboard navigation in an HTML </a></h3> <div class="excerpt">I am working with some HTML which contains a <textarea>. Currently, I am testing the input of mixed LTR and RTL-based characters, such as "abcأبجABC". <div class="mycomment" dir="RTL"> <form method="get" action="{$self}"> <input type="hidden"…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/navigation" class="post-tag grid--cell" title="show questions tagged 'navigation'" rel="tag">navigation</a> <a href="../../questions/tagged/keyboard" class="post-tag grid--cell" title="show questions tagged 'keyboard'" rel="tag">keyboard</a> <a href="../../questions/tagged/textarea" class="post-tag grid--cell" title="show questions tagged 'textarea'" rel="tag">textarea</a> <a href="../../questions/tagged/right-to-left" class="post-tag grid--cell" title="show questions tagged 'right-to-left'" rel="tag">right-to-left</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 28 '10 at 20:10">asked Jul 28 '10 at 20:10</time> <a href="../../users/285780/dojomedojo" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/285780.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="dojomedojo" /> </a> <div class="s-user-card--info"> <a href="../../users/285780/dojomedojo" class="s-user-card--link">dojomedojo</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">445</li> <li class="s-award-bling s-award-blinggold" title="1 gold badge">1</li> <li class="s-award-bling s-award-blingsilver" title="4 silver badge">4</li> <li class="s-award-bling s-award-blingbronze" title="17 bronze badge">17</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-54098635"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>4</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/54098635/accessibility-when-focused-link-is-hidden-behind-a-fixed-position-footer-when-" class="question-hyperlink">accessibility when focused link is hidden behind a fixed-position footer when using TAB to proceed</a></h3> <div class="excerpt">I ran into a detail concerning accessibility, not in regard to screenreaders and blind users, but in regard to pure keyboard navigation. Edit / Addition: I would like to emphasize a part of my question which hasn't been addressed at all in the two…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/accessibility" class="post-tag grid--cell" title="show questions tagged 'accessibility'" rel="tag">accessibility</a> <a href="../../questions/tagged/wcag" class="post-tag grid--cell" title="show questions tagged 'wcag'" rel="tag">wcag</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 08 '19 at 19:39">asked Jan 08 '19 at 19:39</time> <a href="../../users/5641669/johannes" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/5641669.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Johannes" /> </a> <div class="s-user-card--info"> <a href="../../users/5641669/johannes" class="s-user-card--link">Johannes</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">64,305</li> <li class="s-award-bling s-award-blinggold" title="18 gold badges">18</li> <li class="s-award-bling s-award-blingsilver" title="73 silver badges">73</li> <li class="s-award-bling s-award-blingbronze" title="130 bronze badges">130</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-41853332"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>4</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>3</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/41853332/how-can-i-make-a-css-drop-down-menu-accessible-for-keyboard-navigation" class="question-hyperlink">How can i make a CSS drop down menu accessible for keyboard navigation?</a></h3> <div class="excerpt">I saw already some solutions, but i can't figure out how can i put some of these solutions in my code, or some solutions uses something that i can't use in my project. Let's go to the question: I need to make an already existing CSS drop-down menu…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/drop-down-menu" class="post-tag grid--cell" title="show questions tagged 'drop-down-menu'" rel="tag">drop-down-menu</a> <a href="../../questions/tagged/accessibility" class="post-tag grid--cell" title="show questions tagged 'accessibility'" rel="tag">accessibility</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 25 '17 at 13:50">asked Jan 25 '17 at 13:50</time> <a href="../../users/6548736/will" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/6548736.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Will" /> </a> <div class="s-user-card--info"> <a href="../../users/6548736/will" class="s-user-card--link">Will</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">51</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> <li class="s-award-bling s-award-blingbronze" title="5 bronze badges">5</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-27325474"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>4</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/27325474/how-to-prevent-tab-navigation-to-a-control-while-allowing-directional-navigati" class="question-hyperlink">How to prevent tab navigation to a control, while allowing directional navigation to that control</a></h3> <div class="excerpt">In WPF (MVVM, no code-behind), say I have the following xaml: <StackPanel> <Button>Normal 1</Button> <Button>Special</Button>  <Button>Normal…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/wpf" class="post-tag grid--cell" title="show questions tagged 'wpf'" rel="tag">wpf</a> <a href="../../questions/tagged/focus" class="post-tag grid--cell" title="show questions tagged 'focus'" rel="tag">focus</a> <a href="../../questions/tagged/tabbing" class="post-tag grid--cell" title="show questions tagged 'tabbing'" rel="tag">tabbing</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 05 '14 at 22:09">asked Dec 05 '14 at 22:09</time> <a href="../../users/4191571/matt-jacobi" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4191571.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Matt Jacobi" /> </a> <div class="s-user-card--info"> <a href="../../users/4191571/matt-jacobi" class="s-user-card--link">Matt Jacobi</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">864</li> <li class="s-award-bling s-award-blingsilver" title="7 silver badges">7</li> <li class="s-award-bling s-award-blingbronze" title="17 bronze badges">17</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-13372339"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>4</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/13372339/floating-window-and-ribbon-integration-with-keyboard-navigation" class="question-hyperlink">Floating window and Ribbon integration with keyboard navigation</a></h3> <div class="excerpt">I am working on an MDI application that has a ribbon and also supports docking/floating windows. I have troubles to keep the focus on the last floating window while accessing some commands on the ribbon. I have found this great post that gave me…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/wpf" class="post-tag grid--cell" title="show questions tagged 'wpf'" rel="tag">wpf</a> <a href="../../questions/tagged/focus" class="post-tag grid--cell" title="show questions tagged 'focus'" rel="tag">focus</a> <a href="../../questions/tagged/ribbon" class="post-tag grid--cell" title="show questions tagged 'ribbon'" rel="tag">ribbon</a> <a href="../../questions/tagged/docking" class="post-tag grid--cell" title="show questions tagged 'docking'" rel="tag">docking</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 14 '12 at 02:52">asked Nov 14 '12 at 02:52</time> <a href="../../users/1822383/andras" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1822383.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="andras" /> </a> <div class="s-user-card--info"> <a href="../../users/1822383/andras" class="s-user-card--link">andras</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">41</li> <li class="s-award-bling s-award-blingbronze" title="1 bronze badges">1</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-6885814"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/6885814/wpf-control-keyboard-navigation-in-treeview" class="question-hyperlink">WPF - control keyboard navigation in TreeView</a></h3> <div class="excerpt">I have a problem with the keyboard navigation in my treeview. I'm implementing a 3 column table. Each element in the first column consists of 3 columns: An Icon, a textBlock and an expander. If the element's property "hasItems" is false, the…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/.net" class="post-tag grid--cell" title="show questions tagged '.net'" rel="tag">.net</a> <a href="../../questions/tagged/wpf" class="post-tag grid--cell" title="show questions tagged 'wpf'" rel="tag">wpf</a> <a href="../../questions/tagged/treeview" class="post-tag grid--cell" title="show questions tagged 'treeview'" rel="tag">treeview</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 30 '11 at 20:32">asked Jul 30 '11 at 20:32</time> <a href="../../users/429400/user429400" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/429400.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user429400" /> </a> <div class="s-user-card--info"> <a href="../../users/429400/user429400" class="s-user-card--link">user429400</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">3,145</li> <li class="s-award-bling s-award-blinggold" title="12 gold badges">12</li> <li class="s-award-bling s-award-blingsilver" title="49 silver badges">49</li> <li class="s-award-bling s-award-blingbronze" title="68 bronze badges">68</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-5239048"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/5239048/tab-key-navigation-inside-telerik-radgridview" class="question-hyperlink">Tab key navigation inside Telerik RadGridView</a></h3> <div class="excerpt">In a Telerik RadGridView with a GroupDescriptor set, once the focus enters the grid, the focus won't leave by pressing tab. It simply loops back to the beginning of the grid. That is, there are some controls above and below the grid. When hitting…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/c#" class="post-tag grid--cell" title="show questions tagged 'c#'" rel="tag">c#</a> <a href="../../questions/tagged/silverlight" class="post-tag grid--cell" title="show questions tagged 'silverlight'" rel="tag">silverlight</a> <a href="../../questions/tagged/telerik" class="post-tag grid--cell" title="show questions tagged 'telerik'" rel="tag">telerik</a> <a href="../../questions/tagged/radgridview" class="post-tag grid--cell" title="show questions tagged 'radgridview'" rel="tag">radgridview</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 08 '11 at 22:18">asked Mar 08 '11 at 22:18</time> <a href="../../users/237238/peterl" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/237238.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="PeterL" /> </a> <div class="s-user-card--info"> <a href="../../users/237238/peterl" class="s-user-card--link">PeterL</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,397</li> <li class="s-award-bling s-award-blingsilver" title="11 silver badges">11</li> <li class="s-award-bling s-award-blingbronze" title="15 bronze badges">15</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-5085551"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/5085551/nstextfield-captures-return-key-event-twice" class="question-hyperlink">NSTextField captures return key event twice</a></h3> <div class="excerpt">I have a textfield and two buttons. The user should be able to press return when they’re done editing the textfield, and then return again to activate one or the other of the buttons, depending on conditions. In order to make it clear to the user…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/objective-c" class="post-tag grid--cell" title="show questions tagged 'objective-c'" rel="tag">objective-c</a> <a href="../../questions/tagged/nstextfield" class="post-tag grid--cell" title="show questions tagged 'nstextfield'" rel="tag">nstextfield</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 23 '11 at 00:02">asked Feb 23 '11 at 00:02</time> <a href="../../users/471678/wienke" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/471678.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Wienke" /> </a> <div class="s-user-card--info"> <a href="../../users/471678/wienke" class="s-user-card--link">Wienke</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">3,723</li> <li class="s-award-bling s-award-blingsilver" title="27 silver badges">27</li> <li class="s-award-bling s-award-blingbronze" title="40 bronze badges">40</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-32991563"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/32991563/how-to-update-index-when-list-changes-in-angular" class="question-hyperlink">How to update $index when list changes in angular</a></h3> <div class="excerpt">I'm trying to implement a keyboard navigation in a multi-level List. Therefor i try to give every Item in the List a unique ID, like 5.2.1(category.item.subitem). I already tried a lot of stuff, like ng-init the index to a variable on ng-repeat, an…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a> <a href="../../questions/tagged/indexing" class="post-tag grid--cell" title="show questions tagged 'indexing'" rel="tag">indexing</a> <a href="../../questions/tagged/eval" class="post-tag grid--cell" title="show questions tagged 'eval'" rel="tag">eval</a> <a href="../../questions/tagged/angularjs-ng-repeat" class="post-tag grid--cell" title="show questions tagged 'angularjs-ng-repeat'" rel="tag">angularjs-ng-repeat</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Oct 07 '15 at 11:55">asked Oct 07 '15 at 11:55</time> <a href="../../users/4575981/markus-harthum" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4575981.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Markus Harthum" /> </a> <div class="s-user-card--info"> <a href="../../users/4575981/markus-harthum" class="s-user-card--link">Markus Harthum</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">79</li> <li class="s-award-bling s-award-blingsilver" title="2 silver badges">2</li> <li class="s-award-bling s-award-blingbronze" title="8 bronze badges">8</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-1409214"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>3</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/1409214/keyboard-navigation-for-menu-using-jquery" class="question-hyperlink">KeyBoard Navigation for menu using jquery</a></h3> <div class="excerpt">I am trying to add keyboard navigation to Menu(ul li based ) , i have bound the keydown event to menu (or should i bind keydown to the document ?) the handler function used is given below KeyDown: function(e) { var toFocus =…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Sep 11 '09 at 06:01">asked Sep 11 '09 at 06:01</time> <a href="../../users/171875/ravikiran" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/171875.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ravikiran" /> </a> <div class="s-user-card--info"> <a href="../../users/171875/ravikiran" class="s-user-card--link">ravikiran</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,327</li> <li class="s-award-bling s-award-blinggold" title="5 gold badges">5</li> <li class="s-award-bling s-award-blingsilver" title="14 silver badges">14</li> <li class="s-award-bling s-award-blingbronze" title="18 bronze badges">18</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-72524600"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/72524600/how-to-fix-keyboard-navigation-focus-down-getting-stuck-in-edittext-on-android" class="question-hyperlink">How to Fix Keyboard Navigation Focus Down Getting Stuck in EditText on Android API 26+</a></h3> <div class="excerpt">The exact same APK behaves differently on Android versions before API 26 and after it. I have simplified my layout down to the following example: <?xml version="1.0" encoding="utf-8"?> <LinearLayout…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/android" class="post-tag grid--cell" title="show questions tagged 'android'" rel="tag">android</a> <a href="../../questions/tagged/android-edittext" class="post-tag grid--cell" title="show questions tagged 'android-edittext'" rel="tag">android-edittext</a> <a href="../../questions/tagged/android-8.0-oreo" class="post-tag grid--cell" title="show questions tagged 'android-8.0-oreo'" rel="tag">android-8.0-oreo</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 07 '22 at 00:04">asked Jun 07 '22 at 00:04</time> <a href="../../users/1160436/craig-heath" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1160436.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Craig Heath" /> </a> <div class="s-user-card--info"> <a href="../../users/1160436/craig-heath" class="s-user-card--link">Craig Heath</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">566</li> <li class="s-award-bling s-award-blingsilver" title="4 silver badges">4</li> <li class="s-award-bling s-award-blingbronze" title="14 bronze badges">14</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-7114860"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/7114860/jquery-slidesjs-keyboard-navigation" class="question-hyperlink">jQuery SlidesJS keyboard navigation</a></h3> <div class="excerpt">My site uses SlidesJS for a photo slideshow. My question is, how can I use keyboard navigation? I've added this GitHub solution to my head tag (lines 94-116) but the keyboard's left & right arrow keys still aren't working. How can I fix this? </div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/slideshow" class="post-tag grid--cell" title="show questions tagged 'slideshow'" rel="tag">slideshow</a> <a href="../../questions/tagged/keyboard-navigation" class="post-tag grid--cell" title="show questions tagged 'keyboard-navigation'" rel="tag">keyboard-navigation</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Aug 18 '11 at 22:21">asked Aug 18 '11 at 22:21</time> <a href="../../users/591130/ryan" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/591130.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ryan" /> </a> <div class="s-user-card--info"> <a href="../../users/591130/ryan" class="s-user-card--link">Ryan</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">6,027</li> <li class="s-award-bling s-award-blinggold" title="16 gold badges">16</li> <li class="s-award-bling s-award-blingsilver" title="52 silver badges">52</li> <li class="s-award-bling s-award-blingbronze" title="89 bronze badges">89</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/keyboard-navigation_page=1" rel="prev" title="Go to page 1">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/keyboard-navigation_page=1" rel="" title="Go to page 1">1</a> <div class="s-pagination--item is-selected">2</div> <a class="s-pagination--item" href="../../questions/tagged/keyboard-navigation_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/keyboard-navigation_page=8" rel="" title="Go to page 8">8</a> <a class="s-pagination--item" href="../../questions/tagged/keyboard-navigation_page=9" rel="" title="Go to page 9">9</a> <a class="s-pagination--item" href="../../questions/tagged/keyboard-navigation_page=3" rel="next" title="Go to page 3"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>

Questions tagged [keyboard-navigation]

Adding navigation keybindings for vim command line

How to find out which element has focus when debugging WPF?

How to make tab index work for dropdowns?