TriggerField inputpart is set on hidden after setReadOnly(true) and layoutUpdate

[tvanzoelen]

I posted this issue before in the case of NumberFields, but it is related to TriggerFields in general. Can this one be posted as a bug?

Ext.onReady(function() {

    var triggerfield = Ext.create('Ext.form.field.Trigger',{
            xtype: 'triggerfield',
            fieldLabel: 'Default',
            name: 'basic'
        });  
               
        
      var button = Ext.create('Ext.Button', {
            text: 'click me',
            listeners: {

                click: {
                    fn: function() {
                        triggerfield.setReadOnly(true);
                                               
                       }
                }

            }
        });
    
    
    var form = Ext.create('Ext.form.Panel', {
        title: 'Trigger fields',
        bodyPadding: 5,
        frame: true,
        region: 'center',
        fieldDefaults: {
            labelAlign: 'left',
            labelWidth: 105,
            anchor: '100%'
        },
        items: [triggerfield, button]

        });
        
        var panelLeft = Ext.create('Ext.panel.Panel', {
        
           region: 'west',
           width: 300,
           split: 'true'
          
        });
        
        var panel = Ext.create('Ext.panel.Panel', {
           renderTo: Ext.getBody(),
           layout: 'border',
           width: 600,
           height: 600,
           items: [panelLeft, form]
       });
        
    });

Push the button and then move the splitter. Then the Trigger input part is set on display: hidden.
It will go wrong on all major browsers.

Can this one be filed as a bug?

[evant]

It's the same issue that you reported, it's already been fixed for the next release.

[tvanzoelen]

Ok thanks.