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

don't scroll when refocusing

Browse Source
This commit is contained in:
Cory LaViska
2022-12-28 17:21:11 -05:00
parent d9252fe755
commit 417f0d17c9
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/select/select.ts
View File

@@ -235,7 +235,7 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon
event.preventDefault();
event.stopPropagation();
this.hide();
this.displayInput.focus();
this.displayInput.focus({ preventScroll: true });
}
// Handle enter and space. When pressing space, we allow for type to select behaviors so if there's anything in the
@@ -263,7 +263,7 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon
if (!this.multiple) {
this.hide();
this.displayInput.focus();
this.displayInput.focus({ preventScroll: true });
}
}
@@ -368,7 +368,7 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon
}
event.preventDefault();
this.displayInput.focus();
this.displayInput.focus({ preventScroll: true });
this.open = !this.open;
}
@@ -382,7 +382,7 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon
if (this.value !== '') {
this.setSelectedOptions([]);
this.displayInput.focus();
this.displayInput.focus({ preventScroll: true });
this.emit('sl-clear');
this.emit('sl-input');
this.emit('sl-change');
@@ -408,7 +408,7 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon
}
// Set focus after updating so the value is announced by screen readers
this.updateComplete.then(() => this.displayInput.focus());
this.updateComplete.then(() => this.displayInput.focus({ preventScroll: true }));
if (this.value !== oldValue) {
this.emit('sl-input');
@@ -417,7 +417,7 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon
if (!this.multiple) {
this.hide();
this.displayInput.focus();
this.displayInput.focus({ preventScroll: true });
}
}
}