Fix visibility (make it like jquery)

Author: tagliala

dist/client-side-validations.esm.js

@@ -61,12 +61,7 @@ export const isInputElement = (element) => {
 }
 
 export const isVisible = (element) => {
-  if (element.type === 'hidden' || element.hidden) {
-    return false
-  }
-
-  const style = window.getComputedStyle(element)
-  return style.display !== 'none' && style.visibility !== 'hidden'
+  return Boolean(element.offsetWidth || element.offsetHeight || element.getClientRects().length)
 }
 
 export const isValuePresent = (value) => {

dist/client-side-validations.js

@@ -158,6 +158,30 @@ QUnit.test('Disabled inputs do not stop form submission (async)', function (asse
   }, 250)
 })
 
+QUnit.test('Inputs inside hidden containers do not stop form submission (async)', function (assert) {
+  var done = assert.async()
+  var form = document.getElementById('new_user')
+  var input = document.getElementById('user_name')
+  var label = form.querySelector('label[for="user_name"]')
+  var hiddenContainer = document.createElement('div')
+
+  hiddenContainer.hidden = true
+  form.insertBefore(hiddenContainer, input)
+  hiddenContainer.appendChild(input)
+  hiddenContainer.appendChild(label)
+
+  form.requestSubmit()
+
+  setTimeout(function () {
+    var iframe = document.querySelector('iframe')
+    var response = iframe && iframe.contentDocument && iframe.contentDocument.querySelector('#response')
+
+    assert.ok(response)
+    assert.notOk(input.parentElement.classList.contains('field_with_errors'))
+    done()
+  }, 250)
+})
+
 QUnit.test('Decorative (without name) inputs aren\'t validated (async)', function (assert) {
   var done = assert.async()
   var form = document.getElementById('new_user')

src/utils.js

@@ -1,5 +1,5 @@
 /*!
- * Client Side Validations JS - v23.1.0 (https://github.com/DavyJonesLocker/client_side_validations)
+ * Client Side Validations JS - v24.0.0 (https://github.com/DavyJonesLocker/client_side_validations)
  * Copyright (c) 2026 Geremia Taglialatela, Brian Cardarella
  * Licensed under MIT (https://opensource.org/licenses/mit-license.php)
  */
@@ -89,11 +89,7 @@
     }
   };
   const isVisible = element => {
-    if (element.type === 'hidden' || element.hidden) {
-      return false;
-    }
-    const style = window.getComputedStyle(element);
-    return style.display !== 'none' && style.visibility !== 'hidden';
+    return Boolean(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
   };
   const isValuePresent = value => {
     return !/^\s*$/.test(value || '');