diff --git a/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts b/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts index fbd8630ec7..9e1b72f5ee 100644 --- a/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts +++ b/api/js/etemplate/Et2InputWidget/Et2InputWidget.ts @@ -65,18 +65,24 @@ const Et2InputWidgetMixin = >(superclass : T) return [ ...super.styles, css` - /* Needed so required can show through */ - ::slotted(input), input { - background-color: transparent; - } - /* Used to allow auto-sizing on slotted inputs */ - .input-group__container > .input-group__input ::slotted(.form-control) { - width: 100%; - } - .form-field__feedback { - position: relative; - } - + /* Allow actually disabled inputs */ + :host([disabled]) { + display: initial; + } + + /* Needed so required can show through */ + ::slotted(input), input { + background-color: transparent; + } + + /* Used to allow auto-sizing on slotted inputs */ + .input-group__container > .input-group__input ::slotted(.form-control) { + width: 100%; + } + + .form-field__feedback { + position: relative; + } ` ]; }