Skip to content

bug: ion-popover arrow navigation breaks on disabled element #29640

@FabianGutierrezOpengov

Description

@FabianGutierrezOpengov

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

if a popover with ion-items have one in the middle that is disabled, navigation with arrows, break.

https://stackblitz.com/edit/angular-b8jwzq?file=src%2Fapp%2Fexample.component.html

Expected Behavior

arrow navigation should skip disabled element and jump to next active element

Steps to Reproduce

Go to https://stackblitz.com/edit/angular-b8jwzq?file=src%2Fapp%2Fexample.component.html

open popover
tab until you reach the popover

use ARROWS to navigate in all elements
(TAB works)

Code Reproduction URL

https://stackblitz.com/edit/angular-b8jwzq?file=src%2Fapp%2Fexample.component.html

Ionic Info

I have ionic 6 but looking to have it solved in ionic 7 or 8 so we get it solved after we do our migration

Additional Information

No response

Metadata

Metadata

Assignees

Labels

type: buga confirmed bug report

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions