iSharkFly-Docs
/
opensearch-docs-cn
mirror of https://github.com/iSharkFly-Docs/opensearch-docs-cn
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix versions selection being blocked on mobile devices 

Signed-off-by: Miki <mehranb@amazon.com>
This commit is contained in:
Miki 2021-10-07 10:24:10 -07:00
parent d88cc2e810
commit ddcec72c2a
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/js/_version-selector.js
View File

@ -1,3 +1,7 @@
/* During build, DOC_VERSIONS is prefixed to convey all the versions available, informed by `_data/versions.json`
* Example:
* const DOC_VERSIONS = ["1.1","1.0"];
*/
const PREFIX = "OpenSearch "; const PREFIX = "OpenSearch ";
const tpl = ` const tpl = `
<style> <style>
@ -161,6 +165,16 @@ class VersionSelector extends HTMLElement {
shadowRoot.querySelector('#root').addEventListener('click', e => { shadowRoot.querySelector('#root').addEventListener('click', e => {
this._expand(this.getAttribute('aria-expanded') !== 'true'); this._expand(this.getAttribute('aria-expanded') !== 'true');
}); });
/* On some devices, `blur` is fired on the component before navigation occurs when choosing a version from the
* dropdown; this ends up hiding the dropdown and preventing the navigation. The `pointerup` on the anchor
* element is always fired before the `blur` is dispatched on the component and that is used here to trigger
* the navigation before the dropdown is hidden.
*/
shadowRoot.querySelector('#dropdown').addEventListener('pointerup', e => {
const {target} = e;
if (target.matches('a[href]') && target.href) document.location.href = target.href;
});
} }
_expand(flag) { _expand(flag) {