mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-15 09:34:19 +08:00

Files

Brandy Carney ceb41f31f3 fix(angular): popover arrow navigation with disabled items (#29662 )

Issue number: resolves #29640

---------

## What is the current behavior?
(Angular) If a list inside of a popover contains a disabled item and is
included in the following way:

```html
<ion-list>
  <ion-item [button]="true">Option 1</ion-item>
  <ion-item [button]="true" [disabled]="true">Option 2</ion-item>
  <ion-item [button]="true">Option 3</ion-item>
</ion-list>
```

when you try to navigate using the arrow down keys, it will stop at the
disabled item instead of continuing over it.

Note that changing the item to the following will work:

```html
<ion-item [button]="true" disabled="true">Option 2</ion-item>
```

## What is the new behavior?
Reflect the `disabled` property in the item so that when items are
queried in the popover, the arrow down key skips over the disabled item.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

## Other information

This can be tested in the Angular test app by following the
documentation here:
https://github.com/ionic-team/ionic-framework/blob/main/docs/angular/testing.md

Removing my fix in `core`, then running `npm run build` and re-syncing
the test app should reproduce the problem.

2024-06-26 15:35:44 +00:00

apps

chore(angular): upgrade to official 18 release (#29571 )

2024-05-31 17:28:38 +00:00

base

fix(angular): popover arrow navigation with disabled items (#29662 )

2024-06-26 15:35:44 +00:00

build.sh

refactor(angular, react, vue): add missing test app msg (#28951 )

2024-02-01 17:04:58 +00:00

README.md

chore(docs): consolidate the developer resource files into a docs/ directory (#29266 )