Prevent setting readOnly on Trigger Field hiding trigger

[Jangla]

Title says it all really. This was really easy to override in Ext 3 but no so much in Ext 4 as the updateLayout function is much more convoluted.

So, is there a way in Ext 4 to prevent the trigger element from being set to invisible when clicking a trigger is calling readOnly = true on the field?

[mitchellsimoens]

Something like this?

Ext.define('Ext.ux.CustomTrigger', {
    extend         : 'Ext.form.field.Trigger',
    alias          : 'widget.customtrigger',

    readOnly : true,

    getTriggerMarkup : function() {
        this.readOnly = false;

        var ret = this.callParent();
        
        this.readOnly = true;

        return ret;
    }
});

Ext.create('Ext.form.FormPanel', {
    title       : 'Form with TriggerField',
    bodyPadding : 5,
    width       : 350,
    renderTo    : Ext.getBody(),
    items       : [
        {
            xtype      : 'customtrigger',
            fieldLabel : 'Sample Trigger',
            emptyText  : 'click the trigger'
        }
    ]
});

[Jangla]

Nope. Your code doesn't work for a couple of reasons:

1. The trigger is created in a poor position - see screenshot
2. Clicking the trigger doesn't change the readOnly status of the field - it's always read only.

The requirement is to have a trigger field that, when user clicks it's trigger toggles from read only to writable and vice versa. The trigger should not vanish on making the field readOnly as is the default behaviour currently in Ext