bug: ionFocus event for searchbar causes icon to move out of place

Bug Report

Ionic version:

[x] 5.0.5

Current behavior:

When focusing on the ion-searchbar, the icon moves out of place to the right overlapping the placeholder content.

Expected behavior:

When focusing on the ion-searchbar should move the contents to the left for user to input values in the search bar. This issue does not occur with the other searchbar events I.e ionChange, ionInput, ionBlur etc.

Steps to reproduce:

• Add a ion-searchbar element that includes the ionFocus event as well as a placeholder for the search bar.
• Set animated='true' within the search bar element
• Click on the search bar to go into focus

Related code: https://github.com/narhc8/ngx-image-cropper-repo

[narhc8]

Hey @liamdebeasi any idea on when to expect a fix?

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.