Threaded View
-
20 Nov 2012 5:48 AM #1
TitleBar title bounces in Touch 2.1
TitleBar title bounces in Touch 2.1
Hi,
i have a Ext.NavigationView with a Navigationbar config like this:
Since i have upraded from ST 2.0.1.1 to 2.1, the Title bounces a bit to the right every time i push a view and the view`s title is wider then the viewport. After this bounce, the title does not really fit anymore.Code:Ext.define('MyNaviView', { extend: 'Ext.NavigationView', config: { navigationBar: { backButton: { ui: false }, items: [ { align: 'left', text: '--', showAnimation: { type: 'slide', direction: 'right', duration: 150 } }, { iconAlign: 'left', hidden: true, showAnimation: 'fadeIn', text: 'some text' } ] } } });
The image below shows the Toolbar after the bounce.
The image is as wide as the viewport and it looks the same on Chrome (Desktop), Safari (iOS 5) and native Android 4.
ugly_toolbar.JPG
I have to say that i need to toggle the visibillty of the 2 buttons, but only if the root view is displayed.
This toggle is triggered by my Controller.
But it does not look like it makes a difference if i remove those 2 extra buttons.
I`ve some custom styling applied, but removing it makes no difference even.
The App is still working, but it looks "ugly", mostly because the bounce happens a blink after the new view slides in and the title does not fit.
Is there a Workaround? Does anyone else having this issue?
Regards!
==============================
UPDATE!
==============================
just doubled checked this behaviour by editing the example in the docu.
Edit the title for the second view to something very long which does not fit the viewport and you can reproduce it.
http://docs.sencha.com/touch/2-1/#!/...avigation.ViewLast edited by rutzmic; 20 Nov 2012 at 6:23 AM. Reason: Update
Success! Looks like we've fixed this one. According to our records the fix was applied for
TOUCH-3735
in
2.2.


Reply With Quote