You found a bug! We've classified it as EXTJSIII-124 . 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
    Jul 2008
    Posts
    7
    Vote Rating
    26
    lanbo will become famous soon enough lanbo will become famous soon enough

      0  

    Default 3.4.1.1 input field unselectable in webkit. "-webkit-user-select: none;" -> ignore

    Hi there,

    File ext-all.css packaged in extjs 3.4.1.1 comes with a minor problem.

    I have a grid using Ext.ux.grid.Search plugin. This plugin let's you search the grid.
    The plugin adds an input field where you can type the text to search. The problem is the input field is unselectable when using extjs 3.4.1.1 combined with webkit.

    I've traced the CSS and found the difference between 3.4.0 and 3.4.1.1. This is how 3.4.1.1 looks like:

    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;
    }
    While 3.4.0 had:

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

    I'm not an expert in CSS but I believe -webkit-user-select should have been kept to ignore.

    EDIT: In fact -webkit-user-select: ignore; is an invalid property. I thing -webkit-user-select: auto; is better.

    I added this to my css and makes it work:
    Code:
    .ext-webkit .x-unselectable, .x-unselectable * {
    -webkit-user-select:auto;
    }
    I hope this report helps in fixing this possible problem for others. Perhaps developers acknowledge this as a bug and fix it for others too.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,510
    Vote Rating
    1112
    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

    If you are reporting a bug, please post in the bugs forum.

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

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

      0  

    Default sugestion

    I try your sugested fix and works, but you can select all the obj on the screen too. I use this:

    .ext-webkit input {
    -webkit-user-select:auto;
    }

    So you change the css property on inputs only.

Thread Participants: 2