Header is not responsive in iphone X with ionic4.When created as a component

I created header as a component
header component .ts


and i called that component in the home.page.ts

in the iphoneX toogle and click event is not working. if i use header instead of component its is working fine.

is there any solution to work component based header for iphoneX