[BUG] Cant use a custom component inside the cupertino pane container

[ivinantony]

Describe the bug
If we use a custom component created in ionic angular app and use inside the pane, the scroll and touch swipe behaves very buggy

To Reproduce
Steps to reproduce the behavior:
1.Create a component with scrollable data inside
2.call the component directly inside the cupertino container div
3. Scroll up and down
4. See error

Expected behavior
Should prevent swipe while the content scrolls inside the component
Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Android
• Browser: all
• Version latest

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[roman-rr]

Hello @ivinantony thank you for issue.
Please describe which tech stack you are using, including framework versions.
Also, which component exactly you created inside of scrollable container, and how do you try to call it?

[ivinantony]

@roman-rr hi, thanks for your reply. I was using it in ionic angular project. And i created a component which contains an ion-content which is scrollable. So when i use it inside cupertino , both scrolls together

[ivinantony]

And when we scroll down, its not smooth in android too

[roman-rr]

@ivinantony Here is basic usage scrolling content with Ionic.
https://panejs.com/demo/overflow-top.html

Please review this example and then complete this ticket with your code example.

[ivinantony]

<ion-nav #nav></ion-nav>

here is the issue. if i use any component like this the scroll inside the ion nave and cupertino swipe works together.and when we swipe slowly down in android the transition becomes buggy