The issue can be seen here: https://mwef.org.uk/grant-application/
There are tabs set up in the middle section.
Scrolling down with the arrow keys result in the page jumping back up, rather than smoothly stepping past the tabs down to the form.
(I am using ninja forms).
Tried with the accordion and toggles and that works fine. http://staging.mwef.org.uk/grant-application/
I’ve test the arrow key scrolling its working fine, but what is causing this issue is the key bind to the tabs you have.
If the tabs are selected, whenever you try to use arrow key scrolling it will switch to a different tab which will drag you back to the tab’s section.
To unbind the arrow keys from the tabs, please add this custom Js at Themes Options jQuery( ".circleFlipTabs" ).find('.ui-tabs-nav li').off('keydown')
jQuery( ".circleFlipTabs" ).find('.ui-tabs-nav li').off('keydown')
Let me know if you need anything else
You must be logged in to reply to this topic.