bug: refresher gesture always takes priority over menu gesture

[dchase-sir]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v6.x

Current Behavior

Angular, when an ion-refresher is placed onto a page, the ionic sidemenu (splitpane/menu/router) will not react to dragging from the left in the Chrome emulator. I don't know if it does this on a device or not.

Expected Behavior

The side-menu would continue working with an ion-refresher on the page.

Steps to Reproduce

1. Create a new sidemenu project using the Ionic/Angular.
2. Add ion-refresher to folder.page.html.
3. Run the project with ionic serve.
4. Change to Mobile Emulation in the browser.
5. Attempt to drag from the left, to slide the menu out.
6. If that just worked, refresh, it doesn't work most of the time.
7. Try dragging at the top of the window, in the header instead of the content, and it works every time.
8. Try pulling to refresh, during the refresh, the menu works normally until the refresh window collapses.
9. After testing, remove the ion-refresher and it works every time.

Below is my refresher code:

<ion-refresher slot="fixed" (ionRefresh)="handleRefresh($event)">
      <ion-refresher-content
          pullingIcon="chevron-down-circle-outline"
          pullingText="Pull to refresh"
          refreshingSpinner="circles"
          refreshingText="Refreshing...">
      </ion-refresher-content>
</ion-refresher>

handleRefresh(ev : any) { 
};

When the refresh window is active, the sidemenu work again for a second, but as soon the refresh content collapses, it no longer works again.
The sidemenu still works if try to drag on the heading of the page (ion-header) instead of the content.
While testing with a new project, I found that sometimes it does work, then refresh and it no longer works.
I've tried adding padding, margins, and additional div's.

Code Reproduction URL

https://github.com/dchase-sir/slidertest.git

Ionic Info

Ionic:

Ionic CLI : 6.16.3 (C:\Users\jhsdjh\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : not installed
@angular-devkit/build-angular : 15.2.6
System:

NodeJS : v14.20.1 (C:\Program Files\nodejs\node.exe)
npm : 6.14.17
OS : Windows 10

Additional Information

If I take the ion-refresher off the page it works every time. Every once in a while I'm tricked into thinking I figured it out, when it works ONCE then I refresh the browser and never again. I can still trigger the menu using an icon in the header, so I know the sidemenu still works, I think something is just blocking the target when the two are used together.

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[dchase-sir]

I have added this to a public repository https://github.com/dchase-sir/slidertest.git