Ionic 4 iOS scrolls TABS and not Content (header too)

Question

This happens only on iOS, in android the tabs are NON SCROLL-ABLE. the user can scroll the content, but also it scrolls the tabs and the header.

click here to see video LINK

meanwhile i have a menu that swipes from left to right side, it scrolls the content if i try two three times while if i catch the tabs it scrolls the TABS and if i try to scroll the CONTENT it keep SCROLLING THE TABS, HEADER TOO.

i have tried these two solutions, which it does not work for me: solution 1 solution 2

on the Solution 2 i get the tabs non scroll-able but i dont get the content and nothing works, as i can see it can switch between the tabs but none of the contents does not work. see second video of not showing content with ion-toolbar outside ion-content

i have made two ion-tab-bar, one for activated profile with buttons enabled, and the other for disabled buttons for non activated profile.

this is app.component.html code containing menu:

I also tried to add ion-split-pane, no success

this is tabs page with route:

SOMEHOW I COULD NOT PASTE CODE AS IT SHOULD, PLEASE CLICK HERE TO SEE THE CODES

Answer 1

put your tabs OUTSIDE the ion-content