Language menu not accessible via tab or arrow keys

Hi,

I have checked with Google Chrome on Windows and it works fine for me. I use the Enter button, Space does nothing for me.

The regular dropdown (<select>) is controlled by the OS and we do not have full control on how it behaves.

Thanks! 🙂

Hi,

Can you try to change wp-content/plugins/gtranslate/dropdown.js file and change:

if(current_lang != default_language)
    load_tlib();
else
    document.querySelectorAll(u_class).forEach(function(e){e.addEventListener('pointerenter',load_tlib)});

to

if(current_lang != default_language)
    load_tlib();
else
    document.querySelectorAll(u_class).forEach(function(e){['pointerenter','focus'].forEach(function(evt){e.addEventListener(evt,load_tlib)})});

Let me know to check once it is done.

I think the issue is that the js library is not being lazy loaded when needed, this change will try to load it also on focus event.

Usually for such cases we recommend using the paid version, which doesn’t depend on js libraries.

Thanks! 🙂

Hi,

I have checked and I do not see the change.

Thanks!

OK, this should do the trick:

if(current_lang != default_language)
    load_tlib();
else {
    document.querySelectorAll(u_class).forEach(function(e){e.addEventListener('pointerenter',load_tlib)});
    document.querySelector(u_class + ' .gt_selector').addEventListener('focus',load_tlib);
}

Thanks! 🙂