I'm not sure yet if this a bug report or rather a feature request. I could imagine a solution, which provides the developer some more flexibility, like setting a max-width for the back button (text), that automatically truncates the text then.
PS: I could image to contribute here, but at first I want to wait how its best to proceed on such an issue (fixing or new feature).
Bug Report
Ionic version:
[x] 5.x
Current behavior:
Using a longer text for
ion-back-button
shows the following problems:ion-title
(if exists)ion-buttons
) out of the headerExpected behavior:
The back button's text is truncated somehow, e.g. with
text-overflow: ellipsis
.Steps to reproduce:
ionic start myApp blank
ionic generate page myPageX
ion-back-button
with a longtext
to both pagesion-title
to one pageion-buttons
withslot=end
to the end of the header's toolbarRelated code:
See repository for example: https://github.com/pj035/ionic-issue-back-button-long-test
Other information:
Could be related to https://github.com/ionic-team/ionic/issues/8700.
Ionic info:
Notes
I'm not sure yet if this a bug report or rather a feature request. I could imagine a solution, which provides the developer some more flexibility, like setting a max-width for the back button (text), that automatically truncates the text then.
PS: I could image to contribute here, but at first I want to wait how its best to proceed on such an issue (fixing or new feature).