In iOS Safari, when <IonTitle> and <IonBreadcrumbs> are used together in an <IonHeader><IonToolbar></IonToolbar></IonHeader>, the breadcrumbs will overlap the title. This happens on narrow viewports as on an iPhone SE. The breadcrumbs completely overlap the title text, making the text unreadable and the breadcrumbs unusable.
This issue occurs on iOS Safari, not on Android/Windows Desktop.
See this reproducible, minimal test case:
Clone it, install the dependencies and start/build the app.
Note: I am also trying to set a Stackblitz/Sandbox up for this, but encountered some technical issues.
1 post - 1 participant