Problem: Ionic 4, Only on iOS - click on button with icon working only on icon. In Header.
Hi,
Browser and Android works normally.But on an iOS device, the click takes effect only when the icon is clicked. Not the whole button with padding.
This is also a problem with the ion-menu-button.
Some idea?
<ion-header>
<ion-toolbar class="header-background">
<ion-buttons slot="start">
<ion-menu-button color="light" ></ion-menu-button>
</ion-buttons>
<ion-title>{{'MAPOFMOORINGS.TITLE'|translate}}</ion-title>
<ion-buttons slot="end">
<ion-button (click)='toggleSearch()' color="light">
<ion-icon slot="icon-only" name="search"></ion-icon>
</ion-button>
<ion-button (click)='choosePosition()' color="light">
<ion-icon slot="icon-only" name="locate"></ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
"@angular/common": "^7.2.15",
"@angular/core": "^7.2.15",
"@angular/forms": "^7.2.15",
"@angular/http": "^7.2.15",
"@angular/platform-browser": "^7.2.15",
"@angular/platform-browser-dynamic": "^7.2.15",
"@angular/router": "^7.2.15",
"@ionic-native/admob-pro": "^5.11.0",
"@ionic-native/base64": "^5.10.0",
"@ionic-native/camera": "^5.10.0",
"@ionic-native/core": "^5.10.0",
"@ionic-native/google-maps": "^5.5.0",
"@ionic-native/image-picker": "^5.10.0",
"@ionic-native/ionic-webview": "^5.10.0",
"@ionic-native/splash-screen": "^5.10.0",
"@ionic-native/status-bar": "^5.10.0",
"@ionic/angular": "^4.7.1",
"@ionic/storage": "^2.2.0",
"@mauron85/cordova-plugin-background-geolocation": "3.0.3",
"@ngx-translate/core": "^11.0.1",
"@ngx-translate/http-loader": "^4.0.0",
"ajv": "^6.10.2",
"com-badrit-base64": "0.2.0",
"cordova-android": "8.0.0",
"cordova-browser": "6.0.0",
"cordova-plugin-admobpro": "2.37.2",
"cordova-plugin-camera": "4.0.3",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-extension": "1.5.4",
"cordova-plugin-googlemaps": "git+https://github.com/mapsplugin/cordova-plugin-googlemaps.git#multiple_maps",
"cordova-plugin-ionic-keyboard": "^2.1.3",
"cordova-plugin-ionic-webview": "^4.1.0",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-telerik-imagepicker": "^2.2.4",
"cordova-plugin-whitelist": "^1.3.3",
"core-js": "^2.6.9",
"lodash": "^4.17.15",
"normalize-diacritics": "^1.0.2",
"rxjs": "^6.5.2",
"zone.js": "~0.8.29"