@etsoo/materialui 1.5.95 → 1.5.96

package/lib/cjs/SearchBar.js

@@ -152,6 +152,11 @@ function SearchBar(props) {
         let newIndex = others;
         for (let c = 0; c < others; c++) {
             const child = children[c];
+            // Ignore it when it's input and hidden or display none
+            if (child instanceof HTMLInputElement &&
+                (child.type === "hidden" || child.offsetParent == null)) {
+                continue;
+            }
             const cachedWidth = child.getAttribute(cachedWidthName);
             let childWidth;
             if (cachedWidth) {

package/lib/mjs/SearchBar.js

@@ -146,6 +146,11 @@ export function SearchBar(props) {
         let newIndex = others;
         for (let c = 0; c < others; c++) {
             const child = children[c];
+            // Ignore it when it's input and hidden or display none
+            if (child instanceof HTMLInputElement &&
+                (child.type === "hidden" || child.offsetParent == null)) {
+                continue;
+            }
             const cachedWidth = child.getAttribute(cachedWidthName);
             let childWidth;
             if (cachedWidth) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.95",
+  "version": "1.5.96",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",

package/src/SearchBar.tsx

@@ -233,6 +233,15 @@ export function SearchBar(props: SearchBarProps) {
     let newIndex: number = others;
     for (let c: number = 0; c < others; c++) {
       const child = children[c];
+
+      // Ignore it when it's input and hidden or display none
+      if (
+        child instanceof HTMLInputElement &&
+        (child.type === "hidden" || child.offsetParent == null)
+      ) {
+        continue;
+      }
+
       const cachedWidth = child.getAttribute(cachedWidthName);
       let childWidth: number;
       if (cachedWidth) {