Merge pull request #2210 from bengu-thon-mai-mochi/invoice-form-enhancements

Disable non-numeric and negative values for quantity input

public/css/custom.css

@@ -1735,3 +1735,17 @@ table .align-items-center td span.badge {
 }
 
 /* Accordion Header Arrow Finish */
+
+/* Disable default html styling for input[type="number] Start */
+
+.input-number-disabled::-webkit-inner-spin-button,
+.input-number-disabled::-webkit-outer-spin-button {
+    -webkit-appearance: none; 
+    margin: 0; 
+}
+
+.input-number-disabled {
+    -moz-appearance: textfield;
+}
+
+/* Disable default html styling for input[type="number] Finish */

resources/views/components/documents/form/line-item.blade.php

@@ -76,8 +76,10 @@
                                 @if (!$hideQuantity)
                                     <div>
                                         @stack('quantity_input_start')
-                                        <input type="text"
-                                            class="form-control text-center p-0"
+                                        <input 
+                                            type="number"
+                                            min="0"
+                                            class="form-control text-center p-0 input-number-disabled"
                                             :name="'items.' + index + '.quantity'"
                                             autocomplete="off"
                                             required="required"