js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Improve accuracy of determining activeElement in Dropdown (#224)

Browse Source
This commit is contained in:
Kevin Zolkiewicz
2020-09-28 07:16:56 -05:00
committed by GitHub
parent df7141874d
commit 01d484aa91
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/dropdown/dropdown.tsx
View File

@@ -220,10 +220,17 @@ export class Dropdown {
if (event.key === 'Tab') {
setTimeout(() => {
// Tabbing outside of the containing element closes the panel
if (
document.activeElement &&
document.activeElement.closest(this.containingElement.tagName.toLowerCase()) !== this.containingElement
) {
// If the dropdown is used within a shadow DOM, we need to
// obtain the activeElement within that shadowRoot, otherwise
// `document.activeElement` will only return the name of the
// parent shadow DOM element.
const activeElement =
this.containingElement.getRootNode() instanceof ShadowRoot
? document.activeElement.shadowRoot?.activeElement
: document.activeElement;
if (activeElement?.closest(this.containingElement.tagName.toLowerCase()) !== this.containingElement) {
this.hide();
return;
}