Title is truncated in navbar

[RaoKarthik]

The title is truncated in navigation bar when the view is rendered for the first time and back button goes missing occasionally.
The issue started after updating to beta

[ajoslin]

Hi @RaoKarthik, thanks for the issue report.

Would you be able to create a reproduce scenario for the back button bug, and the title truncation bug? I'm not able to reproduce either.

Here's a good starting point: http://codepen.io/ionic/pen/vBeqF

[RaoKarthik]

Hi @ajoslin, the issue occurs when rendered in ios, works fine in android

[RaoKarthik]

Hi @ajoslin to reproduce the scenario of the title truncation bug you can directly build the app using sidemenu and run it in iphone.

[ajoslin]

OK @RaoKarthik, will look at this later today or tomorrow. Thanks.

[calendee]

@ajoslin Look at my comment here:

#932 (comment)

It shows the problem based on a basic CLI project.

[mhartington]

@ajoslin, is there any status update on this?

[ajoslin]

I'll work on this now, forgot about it!

[ajoslin]

OK, I pushed a fix - it fixes the problem in my local tests. Would you guys be able test it out with the nightly build?

[calendee]

Didn't work for me.

My steps :

• ionic start issue945 sidemenu
• cd issue945/
• ionic platform add ios
• Download the nightlies from http://code.ionicframework.com/nightly/ionic-nightly.zip
• Replaced existing Ionic with nightlies
• ionic build ios
• ionic emulate ios

Still getting :

[ajoslin]

Thanks for all the work to reproduce Justin!!

I just did the same and didn't experience the problem! Maybe the cdn only just updated itself. Could you try again (again)? Hint: just replace the <script src> in your www/index.html with <script src="http://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

[calendee]

That did the trick. I must have just gotten an old version.

The title no longer truncates.

[ajoslin]

Awesome!

[calendee]

@ajoslin "They're back!".

In the nightlies, the truncated title is coming back on Chrome and iOS.

This is the "side menu" starter from "Getting Started" modified to use the nightlies.

NOTE : The title only truncates on the first load. After navigation, the title no longer truncates.

[ajoslin]

Hey @calendee,

Not getting this in Chrome or iOS sim for the sideMenu starter.

[mhartington]

Seems someone else is reporting the same thing from the forum, they haven't gotten back to me about which version of ionic they are using.

http://forum.ionicframework.com/t/weird-navigation-bar-when-loaded-in-ios-emulator-and-sidemenu-starter-template/3065

[keithdmoore]

I just updated the forum post with this comment:

I can confirm this occurs in the nightly. Using Chrome emulate iPhone 5, as well as an actual iPhone 5s device. Its generates this H1.

h1 class="title ng-binding" ng-bind-html="title" style="left: 116px; right: 116px;">Awesome Page

[calendee]

@ajoslin Here's another one on this : http://forum.ionicframework.com/t/weird-navigation-bar-when-loaded-in-ios-emulator-and-sidemenu-starter-template/3065/3

[mypark]

when will this get put into the stable build release?

[calendee]

Seems it's in the nightlies now. I think we can keep this closed

[ajoslin]

Stable release is coming soon.

[raphaklaus]

v1.0.0-beta.13, this happens only with level screens, when "Back" button has a bigger name, like "Previous", and the title has a bigger name too.

[theentirety]

Been having this same truncation issue since updating to Ionic 1.2.4. It will truncate any text that is too long to just a character or two. Typically only happens with dynamic text populated by angular.

[thanhnh-infinity]

Is there any available solution for this issue ?

[select-group]

This commit by @krulik stopped text from getting cut off for me.

[Louis-P]

+1

[svnindia]

Found a WorkAround #4661 (comment)

[mypark]

Should be fixed in the new build I think - issue was closed.

On Jun 27, 2016, at 9:19 AM, sanjithkumar venkatesan notifications@github.com wrote:

any solution found ?

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub #945 (comment), or mute the thread https://github.com/notifications/unsubscribe/AAcslNW5oBu39OMn6FOm1UPG76jAd2Dwks5qP83sgaJpZM4BttXU.

[mdanics]

I am experiencing this same issue with Ionic Framework : ionic-angular 3.9.2 .

Any way to fix this?

[ionitron-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.