-
Notifications
You must be signed in to change notification settings - Fork 13.5k
View title is truncated on some screens #9950
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Comments
If this helps, here are some findings after debugging a little further: Inside
For the broken view:
So the condition |
Sorry, I took above info at wrong point in time, it's actually this: first:
second:
|
I don't get why there is a |
Close? |
@wbhob Bug is kind of still there, I simply posted a possible fix. The way I understand that code is: if scroll width is less than 10px away from element's width it's width is never adjusted, however if the element is wide enough it is. This logic seems kind of weird to me. But I don't know much about Ionic's internals and where this 10px margin comes from, maybe the issue lies somewhere else. |
This issue was moved to ionic-team/ionic-v1#38 |
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. |
Uh oh!
There was an error while loading. Please reload this page.
Ionic version:
[X] 1.x
[ ] 2.x
I'm submitting a ...
[X] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/
Current behavior:
ion-view
title is cut off on some screens followed by a "..." while on others, where the title is even longer, it's not. This happens 100% of time in my app on Android emulator (Nexus S API 23), but not in browser.For example, here on the first screen the text "Facilities Booking" is truncated but on the second screen "Maintenance Reporting" is rendered in full length, even though it consists of more characters (18 vs 21):
Expected behavior:
Title should not be truncated in this case.
Steps to reproduce:
Other information:
Title was center using the following method:
Chrome inspector says that the title width is set on element (by Ionic code?):
Possibly related issues:
#945
#4661
Right now I'm using the following CSS as a workaround:
Ionic info:
Ionic framework version: 1.3.2
Device: Android Marshmallow with a 4 inch screen (Nexus S emulator, API 23)
The text was updated successfully, but these errors were encountered: