Fix issue with elevation input field: Ensure consistent behavior acro…

…ss browsers #262
AuScope · Jul 30, 2024 · b2b739b · b2b739b
1 parent 186e907
commit b2b739b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/ckan/src/shared/public/base/js/map-module.js b/ckan/src/shared/public/base/js/map-module.js
@@ -8,6 +8,9 @@ ckan.module('map-module', function ($, _) {
 
             this.singleMode = this.options.singleMode;
             this.el.ready($.proxy(this.setupMap, this));
+
+            this.setupElevationField();
+
         },
 
         setupMap: function () {
@@ -547,6 +550,22 @@ ckan.module('map-module', function ($, _) {
         },
 
 
+        setupElevationField: function () {
+            document.getElementById('field-elevation').addEventListener('input', function (event) {
+                const inputField = event.target;
+                const value = inputField.value;
+                const validValue = value.replace(/[^0-9.]/g, '');
+                const parts = validValue.split('.');
+                if (parts.length > 2) {
+                    inputField.value = parts[0] + '.' + parts.slice(1).join('');
+                } else {
+                    inputField.value = validValue;
+                }
+                if (parseFloat(inputField.value) < 0) {
+                    inputField.value = '';
+                }
+            });
+        },
     };
 });
 
diff --git a/ckan/src/shared/templates/scheming/form_snippets/spatial_fields.html b/ckan/src/shared/templates/scheming/form_snippets/spatial_fields.html
@@ -57,7 +57,8 @@
     </div>
     <div class="form-group" id="elevation_container">
         <label for="field-elevation">Elevation</label>
-        <input type="number" class="form-control" id="field-elevation" name="elevation" value="{{data['elevation']}}" >
+        <input class="form-control" id="field-elevation" name="elevation" value="{{ data['elevation'] }}" step="any" min="0">
+
         {% if errors['elevation'] %}
             {% for error in errors['elevation'] %}
                 <span class="error-block">{{ error }}</span>