javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main' into chore-sync-next-with-main

Browse Source
This commit is contained in:
Maria Hutt
2024-05-15 14:00:27 -07:00
parent edbc1eca1b ea8a5974fa
commit 4412246f95
88 changed files with 1757 additions and 559 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
core/src/components/picker-column/picker-column.tsx
View File

@ -213,8 +213,8 @@ export class PickerColumn implements ComponentInterface {
*/
@Method()
async setFocus() {
if (this.scrollEl) {
this.scrollEl.focus();
if (this.assistiveFocusable) {
this.assistiveFocusable.focus();
}
}
@ -620,7 +620,7 @@ export class PickerColumn implements ComponentInterface {
}
if (newOption !== null) {
this.value = newOption.value;
this.setValue(newOption.value);
// This stops any default browser behavior such as scrolling
ev.preventDefault();
@ -688,6 +688,25 @@ export class PickerColumn implements ComponentInterface {
ref={(el) => {
this.scrollEl = el;
}}
/**
* When an element has an overlay scroll style and
* a fixed height, Firefox will focus the scrollable
* container if the content exceeds the container's
* dimensions.
*
* This causes keyboard navigation to focus to this
* element instead of going to the next element in
* the tab order.
*
* The desired behavior is for the user to be able to
* focus the assistive focusable element and tab to
* the next element in the tab order. Instead of tabbing
* to this element.
*
* To prevent this, we set the tabIndex to -1. This
* will match the behavior of the other browsers.
*/
tabIndex={-1}
>
<div class="picker-item-empty" aria-hidden="true">
&nbsp;