make readonly and required mutually exclusive

per https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/readonly "Note: The required attribute is not permitted on inputs with the readonly attribute specified."
2025-12-03 23:33:22 +01:00
parent c656903772
commit fdac444aed
6 changed files with 9 additions and 9 deletions
@@ -108,7 +108,7 @@ defineExpose({
          <FormGroup>
            <label for="nameInput">{{ $t('email.addMailinglistDialog.name') }}</label>
            <InputGroup>
-              <TextInput id="nameInput" style="flex-grow: 1;" v-model="name" :readonly="mailinglist ? true : undefined"/>
+              <TextInput id="nameInput" style="flex-grow: 1;" v-model="name" :readonly="!!mailinglist"/>
              <SingleSelect v-model="domain" :options="domainList" option-key="domain" option-label="label" :disabled="!!mailinglist"/>
            </InputGroup>
            <div class="error-label" v-if="formError.name">{{ formError.name }}</div>