Readonly TypedInput

Developing Nodes
4

If you were gonna do it in core, I 'd suggest adding CSS to set these based on the disabled attribute.

e.g...

KdPSADpopD
KdPSADpopD1190×229 46.2 KB

Add to typedInput...

        disable: function(val) {
            if(val === true) {
                this.uiSelect.attr("disabled", "disabled");
            } else if (val === false) {
                this.uiSelect.attr("disabled", null); //remove attr
            } else {
                this.uiSelect.attr("disabled", val); //user value
            }
        },
        disabled: function() {
            return this.uiSelect.attr("disabled");
        }

below the hide function
image

and the scss to disable the buttons and inputs in typedInput.scss...

    &[disabled] {
        input, button {
            background: $secondary-background-inactive;
            pointer-events: none;
            cursor: not-allowed;
        }
    }

at line 28...
image

but get the OK from Nick or Dave before raising PR

1 Like