You found a bug! We've classified it as TOUCH-4759 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member oxymoron's Avatar
    Join Date
    Feb 2008
    Location
    South Korea
    Posts
    51
    Vote Rating
    0
    oxymoron is on a distinguished road

      0  

    Default Title disappears in TitleBar component (only Chrome Canary)

    Title disappears in TitleBar component (only Chrome Canary)


    REQUIRED INFORMATION


    Ext version tested:
    • Sencha Touch 2.2.0
    • Sencha Touch 2.2.1

    Browser versions tested against:
    • Chrome 30.0.1580.0 canary (only)
      There is no such bug in stable Chrome version.

    Description:
    • Use Chrome canary for development. Title is not displayed in TitleBar component.

    Steps to reproduce the problem:
    The result that was expected:
    • Title should be visible.

    The result that occurs instead:
    • Title is missing.


    HELPFUL INFORMATION


    See this URL for live test case: http://docs.sencha.com/touch/2.2.1/#...le/nested-list


    Debugging already done:
    • The issue comes from this line in TitleBar.js:
      Code:
       var spacerBox = this.spacer.renderElement.getPageBox()
      spacerBox.width is 0.

    Possible fix:
    • not provided

    Operating System:
    • Windows 7

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,928
    Vote Rating
    129
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,928
    Vote Rating
    129
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Here's Engineering's feedback.

    Simply changing the rule order in our st-box mixin will resolve the issue.resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss
    Replace the mixin st-box with the following and re-compile:

    Code:
    @mixin st-box($important: no) {
        @if $important == important {
            display: flex !important;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
        } @else {
            display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
        }
    }

  4. #4
    Sencha User
    Join Date
    Mar 2012
    Posts
    3
    Vote Rating
    0
    kazmiekr is on a distinguished road

      0  

    Default


    I was having the same problem in Chrome Version 29.0.1547.57. The suggested fix to the _Class.scss file worked for me.

  5. #5
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,928
    Vote Rating
    129
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Thank you for confirming.

  6. #6
    Sencha User
    Join Date
    Feb 2008
    Posts
    39
    Vote Rating
    1
    cjauvin is on a distinguished road

      0  

    Default


    Thanks, this solved the issue for me too (with the latest Chrome for Android 4.3). And for people like me, who didn't know how to recompile Sass code, here's what I did, after having edited the required file:

    Code:
    $ sudo gem install compass
    $ cd <touch-2.2.x>/resources
    $ compass compile sass

  7. #7
    Sencha User mmcarlosalberto's Avatar
    Join Date
    Jun 2011
    Location
    Venezuela
    Posts
    2
    Vote Rating
    0
    mmcarlosalberto is on a distinguished road

      0  

    Default Thanks

    Thanks


    Thanks fmoseley for the answer and cjauvinfor the how to compile sass code.

  8. #8
    Sencha Premium Member oxymoron's Avatar
    Join Date
    Feb 2008
    Location
    South Korea
    Posts
    51
    Vote Rating
    0
    oxymoron is on a distinguished road

      0  

    Default


    I also confirm that changing rule order in _Class.scss resolves the issue in latest stable Chrome 29.0.1547.57 and 31.0.1611.3 canary.

  9. #9
    Sencha User
    Join Date
    Jun 2013
    Posts
    3
    Vote Rating
    0
    bydeath is on a distinguished road

      0  

    Default thank you

    thank you


    I was having the same problem in Chrome Version 29.0.1547.65.

  10. #10
    Sencha User
    Join Date
    Jun 2013
    Posts
    3
    Vote Rating
    0
    bydeath is on a distinguished road

      0  

    Default


    Hello oxymoron,why it didn't work for me
    I was having the same problem in Chrome Version 29.0.1547.65 in ubuntu.
    I have changed the role order in
    st-box mixin and re-compiled as you suggested. And then i generate an new app with Sencha cmd,but it did not work for me.I mean title disappears in TitleBar component howerver.