added select readonly prop and updated the disabled schema field state

ui/src/components/collections/schema/SchemaFieldSelect.svelte

@@ -55,7 +55,7 @@
         <div class="separator" />
 
         <Field
-            class="form-field required {!interactive ? 'disabled' : ''}"
+            class="form-field required {!interactive ? 'readonly' : ''}"
             inlineError
             name="schema.{key}.options.values"
             let:uniqueId
@@ -65,7 +65,7 @@
                     id={uniqueId}
                     placeholder="Choices: eg. optionA, optionB"
                     required
-                    disabled={!interactive}
+                    readonly={!interactive}
                     bind:value={field.options.values}
                 />
             </div>
@@ -74,14 +74,14 @@
         <div class="separator" />
 
         <Field
-            class="form-field form-field-single-multiple-select {!interactive ? 'disabled' : ''}"
+            class="form-field form-field-single-multiple-select {!interactive ? 'readonly' : ''}"
             inlineError
             let:uniqueId
         >
             <ObjectSelect
                 id={uniqueId}
                 items={isSingleOptions}
-                disabled={!interactive}
+                readonly={!interactive}
                 bind:keyOfSelected={isSingle}
             />
         </Field>