Go to /content/wknd/language-masters/en.html in edit mode (component is unclickable, because of editing overlay, you can try clicking on Editor global bar to speed up the process. The Search input should be then a few tabs away)
alternatively create a page with wcm/components/search/v1 and tab to it.
Tab until you focus on the Search component
Notice you cannot escape with focus from the component
Current Behavior
After tabbing(focusing) to the search control, we cannot tab out of it.
Expected behavior/code
After subsequent tabs we would like to tab to next focusable elements.
vladbailescu
commented
3 years ago
809 Bug Report
Reproduction steps:
Current Behavior After tabbing(focusing) to the search control, we cannot tab out of it.
Expected behavior/code After subsequent tabs we would like to tab to next focusable elements.
Environment
Possible Solution https://github.com/adobe/aem-core-wcm-components/blob/master/content/src/content/jcr_root/apps/core/wcm/components/search/v1/search/clientlibs/site/js/search.js#L264
value of this._elements.results.style.display is "" in edit mode.
This causes:
https://github.com/adobe/aem-core-wcm-components/blob/master/content/src/content/jcr_root/apps/core/wcm/components/search/v1/search/clientlibs/site/js/search.js#L210
To pass, and trigger preventDefault.
Additional context / Screenshots Add any other context about the problem here. If applicable, add screenshots to help explain.