Hey there, I have an input that calling the modal,
but only on this one page I found that there is a small icon like avatar at the end of slot.
tested on safari.
Below are the codes for this field.
<ion-item class="custom" [button]="true" [detail]="false" id="select-country-company" [ngClass]="{'input-error': formSubmited && errorCtr.country.errors?.required}">
<ion-input formControlName="country" type="text"
label="{{ 'VIEWS.GUEST_DETAILS_COUNTRY' | translate }} {{isFieldRequired('country')? '*':''}}" mode="ios"
labelPlacement="stacked">
</ion-input>
<div slot="end" style="font-size: 18px;right: 5px;top: 20px;position: absolute;">
<ion-icon name="chevron-expand"></ion-icon>
</div>
</ion-item>
<ion-modal trigger="select-country-company" #countryCompanyModal>
<ng-template>
<app-typeahead
class="ion-page ion-text-center"
title="{{ 'VIEWS.GUEST_DETAILS_COUNTRY' | translate }}"
[items]="country"
[searchable]="true"
[selectedItems]="selectedCountryText"
(selectionChange)="typeaheadSelectionChanged($event, 'country-company')"
(selectionCancel)="countryCompanyModal.dismiss()"
></app-typeahead>
</ng-template>
</ion-modal>
I don’t know how to get rid of it as I did not found any element for this specific, hope you guys help, thanks in advance.