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

fix(picker-column-internal): tabbing between columns works (#25464)

Browse Source
This commit is contained in:
Liam DeBeasi
2022-06-14 11:38:13 -04:00
committed by GitHub
parent ec4a36ea4e
commit db027721ac
2 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
core/src/components/picker-column-internal/picker-column-internal.tsx
View File

@ -306,8 +306,19 @@ export class PickerColumnInternal implements ComponentInterface {
<div class="picker-item picker-item-empty">&nbsp;</div>
<div class="picker-item picker-item-empty">&nbsp;</div>
{items.map((item, index) => {
{
/*
Users should be able to tab
between multiple columns. As a result,
we set tabindex here so that tabbing switches
between columns instead of buttons. Users
can still use arrow keys on the keyboard to
navigate the column up and down.
*/
}
return (
<button
tabindex="-1"
class={{
'picker-item': true,
'picker-item-disabled': item.disabled || false,