• Resolved jaquintd

    (@jaquintd)


    Hello!

    So, when the menu is closed and you press tab a few times at the top of the page (to go through the page with only a keyboard) the tabbing is stuck in the invisible menu and goes through all the links which is confusing. Is there a way for the state of it being closed to not allow this? Something like display none when closed and display block when open?

    Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Peter Featherstone

    (@peterfeatherstone-1)

    Hi there,

    I’m not sure I understand the question.

    Can you please provide a site URL and steps to recreate the issue including what you are expecting to see and what you are actually seeing.

    All the best

    Peter

    Thread Starter jaquintd

    (@jaquintd)

    It’s a dev site so it’s not live.

    I realized it’s only when you use the shortcode. When you press the tab key to go through the page, it tabs through the menu even when it’s not visible/open. It would be great if it only went through menu items if it is open.

    Thread Starter jaquintd

    (@jaquintd)

    Does that make sense? Any thoughts on this?

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    It does make sense but I’m not sure what solutions there are.

    Setting the display to none or not using the shortcode still results in the tabs for me.

    Can you provide me a link where you have it without the tabbing?

    Peter

    Thread Starter jaquintd

    (@jaquintd)

    It doesn’t do it at the demos at https://demo.responsive.menu/ and for me, it only starts happening when I put the shortcode in.

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    Right I see it now, that has been added as a change for the next release.

    Thanks for bringing this to my attention.

    Peter

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    Unfortunately after going through my testing process I noticed that the fix I had for this actually breaks a couple of other things so it won’t be part of the next release.

    I will need to go back to the drawing board on how to achieve this and work out a way that doesn’t interfere with other settings currently in the plugin.

    I want you to know that the issue is still on my backlog and so won’t be forgotten about.

    Apologies it won’t be fixed this time, however if you want a crude fix for now then you can apply the following CSS:

    #responsive-menu-pro-container #responsive-menu-pro > li {
       display: none;
    }
    
    .responsive-menu-pro-open #responsive-menu-pro-container #responsive-menu-pro > li {
       display: block;
    }

    All the best

    Peter

    Thread Starter jaquintd

    (@jaquintd)

    This is great! Thank you for working on this… I will use the CSS fix for now and see how it works…

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    No problem, hopefully I can find an easy fix.

    Peter

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Tabbing with keyboard, when invisible’ is closed to new replies.