incr: remove chevrons when readonly

src/components/Controls/Currency.vue

@@ -17,7 +17,7 @@
     />
     <div
       v-show="!showInput"
-      :class="[inputClasses, 'cursor-text']"
+      :class="[inputClasses, 'cursor-text whitespace-nowrap overflow-x-scroll']"
       @click="activateInput"
       @focus="activateInput"
       tabindex="0"

src/components/Controls/Table.vue

@@ -27,11 +27,12 @@
       v-if="value"
     >
       <TableRow
+        v-for="row in value"
         :class="{ 'pointer-events-none': isReadOnly }"
         ref="table-row"
-        v-for="row in value"
         :key="row.name"
         v-bind="{ row, tableFields, size, ratio, isNumeric }"
+        :read-only="isReadOnly"
         @remove="removeRow(row)"
       />
     </div>

src/components/Controls/TableRow.vue

@@ -16,11 +16,12 @@
 
     <!-- Data Input Form Control -->
     <FormControl
+      v-for="df in tableFields"
       :size="size"
       class="py-2"
+      :read-only="readOnly"
       :input-class="{ 'text-right': isNumeric(df), 'bg-transparent': true }"
       :key="df.fieldname"
-      v-for="df in tableFields"
       :df="df"
       :value="row[df.fieldname]"
       @change="(value) => onChange(df, value)"
@@ -50,6 +51,7 @@ export default {
     size: String,
     ratio: Array,
     isNumeric: Function,
+    readOnly: Boolean,
   },
   emits: ['remove'],
   components: {

src/components/TwoColumnForm.vue

@@ -297,7 +297,7 @@ export default {
       };
     },
     submitted() {
-      return Boolean(this.doc.schema.isSubmittable && this.doc.submitted);
+      return this.doc.isSubmitted;
     },
   },
 };