The problem is when I toggled between ion-title and ion-searchbar in ion-toolbar there are shadow root class that remove the padding from the toolbar and it cause the icon to change from its position. It appear only when I simulate the ios device.
The question is, how could I removed this styles from appearing when toggled, or could I edit that style by myself. I try to add the custom class to the shadow root but It didn’t change anything.
Thank you in advance for the help.
Here is my current env
Ionic CLI : 6.13.1 (/Users/reality/.nvm/versions/node/v12.18.4/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.6.0
@angular-devkit/build-angular : 0.1101.4
@angular-devkit/schematics : 11.1.4
@angular/cli : 11.1.4
@ionic/angular-toolkit : 3.1.0
Capacitor:
Capacitor CLI : 2.4.7
@capacitor/core : 2.4.7
Utility:
cordova-res : not installed
native-run (update available: 1.3.0) : 1.1.0
System:
NodeJS : v12.18.4 (/Users/reality/.nvm/versions/node/v12.18.4/bin/node)
npm : 6.14.6
OS : macOS Big Sur```