Ion-segment-button hover activated on right mouse click

Ionic Framework
1

We have a Ionic V6 Electron app that uses contextmenu (mouse right click) on ion-segment-buttons. After opening and closing the contextmenu, segment buttons appear to be activated by hover.

This can be seen by going to Ionic Framework components: ion-segment-button | Segment Button Icon and Segment Value, then

  1. right clicking on checked segment
  2. clicking off to remove context menu
  3. moving mouse over other segments
    This affect can be removed by left clicking on one of the segments.

I notice after this right click event segment-activated is added to ion-segment and segment-button-activated is added to each ion-segment-button. However removing these classes using classList.remove does not change this behavior.

How can this behavior be avoided or resolved somehow?

This may be similar to this post from years ago, but not sure: Unexpected ion-segment-button hover event.

BTW this appears to only happen on a Mac and not on Windows.

2

A couple notes here:

  1. I was able to resolve this ion-segment-button behavior by issuing a mouseup MouseEvent after the context menu is closed on the active segment.
  2. The reported behavior appears not to happen on all Macs. I had it tested on 4 Macbook Pros and the behavior appears 3 of them, but not on the 4th.
    I opened an issue on Ionic repo: bug: ion-segment-buttons activating improperly after opening contextmenu (right mouse click) on Mac · Issue #29872 · ionic-team/ionic-framework · GitHub