1

In my website I have the following code in angular:

<div class="create-new-type">
    <a ng-repeat="type in availableTypes" href="/{{type.type_name | lowercase}}/" ng-bind="type.name"></a>
</div>

I have this div tag hidden and it appears when the user clicks on a menu. The div tag will appear from the left side of the window. Problem is when the user clicks on the tab button it still shows focus on these links that are hidden. How do I (in jQuery) tell it to skip all elements in this div for focus if it's not showing and then move on to the next element?

I read the below regarding this:

How to allow keyboard tab focusing on div

Navigate the UI using keyboard

Community
  • 1
  • 1
KVISH
  • 12,923
  • 17
  • 86
  • 162

1 Answers1

1

Use display:none to hide the links instead of other things like opacity or height 0

madalinivascu
  • 32,064
  • 4
  • 39
  • 55