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
@@ -290,7 +290,7 @@ onMounted(async () =>{

          <FormGroup>
            <label for="volumeName">{{ $t('volumes.name') }}</label>
-            <TextInput id="volumeName" v-model="volumeDialogData.name" :readonly="volumeDialogData.mode === 'edit' ? true : undefined" required/>
+            <TextInput id="volumeName" v-model="volumeDialogData.name" :readonly="volumeDialogData.mode === 'edit'" :required="volumeDialogData.mode !== 'edit'"/>
          </FormGroup>

          <FormGroup>