StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-15 02:24:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(core): delay blur event for search suggestions

Browse source 
This is a hacky way to fix fix #404 and #410. By introducing a delay to
the function to dismiss the suggestions, users on Safari should be able
to click the link properly.
This commit is contained in:
alistair3149 2022-06-03 22:33:28 -04:00
parent f505f30b89
commit 9d8a631f44
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/skins.citizen.search/typeahead.js
View file

@ -304,21 +304,23 @@ function initTypeahead( searchForm, input ) {
};
const onBlur = function ( event ) {
const clickInside = typeahead.contains( event.relatedTarget );
const focusIn = typeahead.contains( event.relatedTarget );
if ( !clickInside ) {
searchInput.setAttribute( 'aria-activedescendant', '' );
typeahead.classList.remove( expandedClass );
searchInput.removeEventListener( 'keydown', keyboardEvents );
searchInput.removeEventListener( 'blur', onBlur );
if ( !focusIn ) {
// HACK: On Safari, users are unable to click any links because the blur
// event dismiss the links before it is clicked. This should fix it.
setTimeout( () => {
searchInput.setAttribute( 'aria-activedescendant', '' );
typeahead.classList.remove( expandedClass );
searchInput.removeEventListener( 'keydown', keyboardEvents );
searchInput.removeEventListener( 'blur', onBlur );
}, 10 );
}
};
const onFocus = function () {
// Refresh the typeahead since the query will be emptied when blurred
updateTypeahead( messages );
typeahead.classList.add( expandedClass );
searchInput.addEventListener( 'keydown', keyboardEvents );
searchInput.addEventListener( 'blur', onBlur );