ionic-framework
ionic-framework copied to clipboard
bug: ion-segment-buttons activating improperly after opening contextmenu (right mouse click) on Mac
Prerequisites
- [X] I have read the Contributing Guidelines.
- [X] I agree to follow the Code of Conduct.
- [X] I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v8.x
Current Behavior
After opening/closing contextmenu
over an ion-segment-button
in an Ionic Electron app running on a Mac, other segments appear activated by just hovering over them. These segments are not actually activated since the ion-segment
value has not changed. This behavior can also be seen on the Ionic docs, https://ionicframework.com/docs/api/segment-button. Our Electron app uses Ionic V6, but same behavior happens on V8.
https://github.com/user-attachments/assets/cd6fcd1c-2b44-4220-b1d9-03eb49712971
https://github.com/user-attachments/assets/4bd0300c-5ca5-422f-99c7-f9ab36c1548f
Expected Behavior
After opening/closing contextmenu
the other segments should not appear to be activated when hovering over them.
This behavior does not appear on Windows, only on Mac.
Steps to Reproduce
- Go to https://ionicframework.com/docs/api/segment-button
- On the Basic Usage example right click the checked segment
- Click off to remove the context menu
- Hover mouse over other segments to see them appear activated
- This can only be stopped by left clicking again
Code Reproduction URL
https://stackblitz.com/edit/ionic6-angular13-agaqtv?file=src%2Fapp%2Fapp.component.html
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (/Users/larry/.nvm/versions/node/v20.14.0/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 6.7.5 @angular-devkit/build-angular : 18.0.7 @angular-devkit/schematics : 18.0.7 @angular/cli : 18.0.7 @ionic/angular-toolkit : 7.0.0
Capacitor:
Capacitor CLI : 6.1.1 @capacitor/android : 6.1.1 @capacitor/core : 6.1.1 @capacitor/ios : 6.1.1
Utility:
cordova-res : not installed globally native-run : 2.0.1
System:
NodeJS : v20.14.0 (/Users/larry/.nvm/versions/node/v20.14.0/bin/node) npm : 10.7.0 OS : macOS Unknown
Additional Information
https://forum.ionicframework.com/t/ion-segment-button-hover-activated-on-right-mouse-click/244097