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

fix(picker-column-internal): hide empty picker items from screenreaders (#27038)

Browse Source 
* fix(picker-column): hide empty picker items from screenreaders

fixes #26809

* style(picker-column-internal): run lint

---------

Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
This commit is contained in:
Brandy Carney
2023-04-04 13:49:53 -04:00
committed by GitHub
parent adbb50ca5b
commit 4e7424de03
1 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -410,9 +410,15 @@ export class PickerColumnInternal implements ComponentInterface {
['picker-column-numeric-input']: numericInput, ['picker-column-numeric-input']: numericInput,
})} })}
> >
<div class="picker-item picker-item-empty">&nbsp;</div> <div class="picker-item picker-item-empty" aria-hidden="true">
<div class="picker-item picker-item-empty">&nbsp;</div> &nbsp;
<div class="picker-item picker-item-empty">&nbsp;</div> </div>
<div class="picker-item picker-item-empty" aria-hidden="true">
&nbsp;
</div>
<div class="picker-item picker-item-empty" aria-hidden="true">
&nbsp;
</div>
{items.map((item, index) => { {items.map((item, index) => {
{ {
/* /*
@ -442,9 +448,15 @@ export class PickerColumnInternal implements ComponentInterface {
</button> </button>
); );
})} })}
<div class="picker-item picker-item-empty">&nbsp;</div> <div class="picker-item picker-item-empty" aria-hidden="true">
<div class="picker-item picker-item-empty">&nbsp;</div> &nbsp;
<div class="picker-item picker-item-empty">&nbsp;</div> </div>
<div class="picker-item picker-item-empty" aria-hidden="true">
&nbsp;
</div>
<div class="picker-item picker-item-empty" aria-hidden="true">
&nbsp;
</div>
</Host> </Host>
); );
} }