[2.2] Checkbox/Radio cumulative bugfix

[smorosanu]

I am using the checkbox group with ext 2.2 and with the css and extjs fixes.
When I try to make resize to the browser window and I have a checkbox group in that window, on FF3, I see the scroll bar displayed and I see all the labels for check boxes.

In IE 6 when I do the browser resizing for other resolution the checkbox group it is lost.

Any idea? I attached a screen shot too.

Thanks in advance.

[manu440]

hi there. I know this is an old issue but I just bumped into it because we are still using ext-js 2.3. Wanna change to ext-js 3 but this will take some minor changes so no a quick thing.

the fix did a good jop.
only I had to change the opacity setting in the last css class. otherwise the cheboxes were in the right place but no visible in IE 7 or FF 3.6. Here is how I have the last class settings now.

.x-form-check-wrap-inner input,.x-form-radio-wrap-inner input{position:absolute;-moz-opacity:0;}

works in IE 7, FF 3.6 and Chrome now.

Thanks for the fix. was looking for this for a while cause the autoShow:true solution didn't work like a charm

[whoaextjs]

I noticed an issue with this patch that caused incorrect behavior with checkboxes configured with readOnly: true. I think I resolved the issue, but I'm fairly unfamiliar with the Ext internals so someone with more experience will hopefully be able to verify.

In the Checkbox override:

  onClick: function(e){
   if (e.getTarget().htmlFor != this.el.dom.id) {
       if (e.getTarget() !== this.el.dom) {
           this.el.focus();
       }
       if (!this.disabled && !this.readOnly) {
           this.toggleValue();
       }
       else {
           // Fixes an issue where readOnly fields dom elements were toggled when the checkbox was not
           e.stopEvent();
       }
   }
   //e.stopEvent();
  },

[ilnoor]

Hello and good day!

I have some troubles with switching focus from checkbox (with this patch installed) to previous control (treePanel). Because previous control not focused by native TAB-key handler, I'm trying to catch TAB-key pressing and want to set focus on it manually. But having issue: declared key listeners not firing...
Here is my code

                
//some declarations above...
{
  name: 'blah',
  fieldLabel: 'blabla',
  keys: [
    {
      key:[Ext.EventObject.TAB],
      fn: function (inp, e) {
        console.log('checkbox key fired');
      }
    }
  ],
  listeners: {
    'keydown': function(inp, e) {
      console.log('checkbox keydown fired');
    }
  },
  xtype: 'checkbox'
}
//...

When checkbox focused, pressing TAB-key only moves focus to another control (skipping my treePanel), and no messages appears in the console. Also when pressing any another key - nothing happens.
Is there any workaround of this issue?