ionic-team / ionic-team/ionic-framework

bug: popover with context-menu triggeraction does not work on iOS

Open
#25,471 3 comments 1 reaction 0 assignees View on GitHub
bug: external type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 14h
Merged PRs (30d)
50

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

- [ ] v4.x
- [ ] v5.x
- [X] v6.x
- [ ] Nightly

### Current Behavior

Popover with `context-menu` trigger action does not work on iOS. `click` works fine.

### Expected Behavior

Popover with `triggerAction="context-menu"` should appear on iOS if I long press the button(trigger element)

### Steps to Reproduce

Create a new ionic angular app with `ionic start myapp` add popover to some component:
```

Click Works


Popover Content

Context menu does not work


Popover Content

```

Run on iOS device. Click based trigger presents the popover, the one with context-menu does not.

### Code Reproduction URL

https://github.com/yntelectual/ionic-popover-bug

### Ionic Info

Ionic:

Ionic CLI : 6.18.2 (/Users/matus/.nvm/versions/node/v16.13.2/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.1.9
@angular-devkit/build-angular : 14.0.2
@angular-devkit/schematics : 14.0.2
@angular/cli : 14.0.2
@ionic/angular-toolkit : 6.1.0

Capacitor:

Capacitor CLI : 3.5.1
@capacitor/android : not installed
@capacitor/core : 3.5.1
@capacitor/ios : 3.5.1

Utility:

cordova-res : not installed globally
native-run : 1.6.0

System:

NodeJS : v16.13.2 (/Users/matus/.nvm/versions/node/v16.13.2/bin/node)
npm : 8.4.0
OS : macOS Monterey

### Additional Information

Tested on iOS 15.5

Contributor guide

Open the contributing guide

Research direction

Start with the linked reproduction at https://github.com/yntelectual/ionic-popover-bug and reproduce the popover triggerAction="context-menu" case on an iOS device using a long press. Compare it with the working click trigger and verify that the context-menu popover appears on iOS without regressing the click behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, ios, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.