Picture of Erik Wotring
Re: Navigation Button Order
by Erik Wotring - Thursday, 10 January 2019, 10:13 PM

Hi Rob,

For some reason, I believe tabindex is not the preferred method. I solved this issue by changing the way the navigation bar is built. I think I changed the order of elements in the template and forced some element to wait for the others before being added to the DOM by the Javascript. I don't remember the details; I would have to look up the project to find them.

In any case, stay on the lookout for unintended consequences of altering the tabindex.

Note the warnings in MDN:


Here is a more detailed article, from several years ago, that discusses this issue:


Picture of Rob Mausser
Re: Navigation Button Order
by Rob Mausser - Friday, 11 January 2019, 9:55 PM

Could you please look up the project and let me know what scripting to use to delay or re-order the loading of elements in the navbar?

I too am having issues with Tabindex, its not a great solution. 

Picture of Matt Leathes
Re: Navigation Button Order
by Matt Leathes - Saturday, 12 January 2019, 2:01 PM

You can use JQuery to change the order of elements in the DOM (example) so the easiest route might be to write some code in your theme to re-order them.

This is a bit of a known issue with the navigation bar in adapt and we will address it soon. It's been on the back burner for a while because it's fairly easy to hack your way around (if using the framework) on a project-by-project yet solving it properly for all projects (and the authoring tool) is fairly complex.