AlxMedia/dashscroll
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/dashscroll.git synced 2025-08-27 01:41:40 +08:00
Code Issues Projects Packages Wiki Activity Actions

1.0.2

Browse source
This commit is contained in:
Alexander Agnarson 2021-03-03 11:18:34 +01:00
parent c8df5a79d5
commit bc21dce771
3 changed files with 26 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

42
js/scripts.js
View file

@ -109,29 +109,31 @@ jQuery(document).ready(function($) {
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
const modal = document.querySelector('.search-trap-focus'); // select the modal by it's id
const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal
const focusableContent = modal.querySelectorAll(focusableElements);
const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal
if ( modal ) {
const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal
const focusableContent = modal.querySelectorAll(focusableElements);
const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal
document.addEventListener('keydown', function(e) {
let isTabPressed = e.key === 'Tab' || e.keyCode === 9;
document.addEventListener('keydown', function(e) {
let isTabPressed = e.key === 'Tab' || e.keyCode === 9;
if (!isTabPressed) {
return;
}
if (!isTabPressed) {
return;
}
if (e.shiftKey) { // if shift key pressed for shift + tab combination
if (document.activeElement === firstFocusableElement) {
lastFocusableElement.focus(); // add focus for the last focusable element
e.preventDefault();
}
} else { // if tab key is pressed
if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab
firstFocusableElement.focus(); // add focus for the first focusable element
e.preventDefault();
}
}
});
if (e.shiftKey) { // if shift key pressed for shift + tab combination
if (document.activeElement === firstFocusableElement) {
lastFocusableElement.focus(); // add focus for the last focusable element
e.preventDefault();
}
} else { // if tab key is pressed
if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab
firstFocusableElement.focus(); // add focus for the first focusable element
e.preventDefault();
}
}
});
}
});

3
readme.txt
View file

@ -81,6 +81,9 @@ Content images
== Changelog ==
= 1.0.2 - 2021-03-03 =
* Fixed: javascript error if search button is disabled
= 1.0.1 - 2021-03-02 =
* Fixed: mobile menu tabbing will enter in the menu even when it's closed
* Fixed: add styles to focus states of menu and search

2
style.css
View file

@ -1,7 +1,7 @@
/*
Theme Name: Dashscroll
Theme URI: http://alx.media/themes/dashscroll/
Version: 1.0.1
Version: 1.0.2
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.6