You found a bug! We've classified it as a bug in our system. We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    May 2009
    Posts
    19
    Vote Rating
    0
    anupkshah is on a distinguished road

      0  

    Default ExtJS 3.4.1.1 makes tree node cursor into default instead of pointer/hand

    ExtJS 3.4.1.1 makes tree node cursor into default instead of pointer/hand


    Prior to Ext JS 3.4.1.1 when you mouse over a tree node, the mouse cursor would become a hand (or pointer in CSS terms) rather than the default mouse pointer.

    Ext version tested:

    Ext 3.4.1.1

    Browser versions tested against:

    Firefox latest, Chrome latest, IE10

    Description:
    New CSS rule in Ext JS 3.4.1.1 seems to be quite aggressive. It adds a cursor: default to this bit

    Code:
    .x-unselectable,.x-unselectable *{
        user-select:none;
        -o-user-select:none;
        -ms-user-select:none;
        -moz-user-select:-moz-none;
        -webkit-user-select:none;
        cursor:default;
    }
    So this will cause things like the tree node text to no longer have the cursor "pointer" that previous versions of Ext JS had.

    In 3.4.1.0 the above rule was like this:

    Code:
    .x-unselectable,.x-unselectable *{
        user-select:none;
        -o-user-select:none;
        -ms-user-select:none;
        -moz-user-select:-moz-none;
        -webkit-user-select:none;
    }




    Steps to reproduce the problem:
    1. open http://cdn.sencha.com/ext/gpl/3.4.1....two-trees.html
    2. notice that mousing over the tree node text results in the default cursor.
    3. to the right of the tree node text, the cursor becomes the pointer/hand as expected
    The result that was expected:

    See previous version of Ext JS, e.g.
    http://dev.sencha.com/deploy/ext-3.4...two-trees.html


    Possible fix:

    Code:
    .x-tree-node a span { cursor: pointer; }
    In my case I also have anchors in grid columns using custom formatting, so I have to extend the above as follows:

    Code:
    .x-tree-node a span, .x-grid3-cell-inner a { cursor: pointer; }
    Last edited by anupkshah; 29 May 2013 at 3:26 AM. Reason: Added example code from Ext JS 3.4.1.0

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,399
    Vote Rating
    849
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    We already have a bug filed for this.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1