@etsoo/materialui 1.1.60 → 1.1.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/SearchBar.js +3 -5
  2. package/package.json +1 -1
  3. package/src/SearchBar.tsx +4 -4
package/lib/SearchBar.js CHANGED
@@ -223,20 +223,18 @@ export function SearchBar(props) {
223
223
  if (form)
224
224
  state.form = form;
225
225
  } },
226
- React.createElement(Stack, { ref: dimensions[0][0], justifyContent: "center", alignItems: "center", direction: "row", spacing: 1, sx: {
226
+ React.createElement(Stack, { ref: dimensions[0][0], justifyContent: "center", alignItems: "center", direction: "row", spacing: 1, width: "100%", overflow: "hidden", sx: {
227
227
  "& > :not(style)": {
228
228
  flexBasis: "auto",
229
229
  flexGrow: 0,
230
230
  flexShrink: 0,
231
- maxWidth: "180px",
232
- visibility: "hidden"
231
+ maxWidth: "180px"
233
232
  },
234
233
  "& > .hiddenChild": {
235
234
  display: "none"
236
235
  },
237
236
  "& > .showChild": {
238
- display: "block",
239
- visibility: "visible"
237
+ display: "block"
240
238
  }
241
239
  } },
242
240
  fields.map((item, index) => (React.createElement(React.Fragment, { key: index }, item))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.1.60",
3
+ "version": "1.1.61",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
package/src/SearchBar.tsx CHANGED
@@ -305,20 +305,20 @@ export function SearchBar(props: SearchBarProps) {
305
305
  alignItems="center"
306
306
  direction="row"
307
307
  spacing={1}
308
+ width="100%"
309
+ overflow="hidden"
308
310
  sx={{
309
311
  "& > :not(style)": {
310
312
  flexBasis: "auto",
311
313
  flexGrow: 0,
312
314
  flexShrink: 0,
313
- maxWidth: "180px",
314
- visibility: "hidden"
315
+ maxWidth: "180px"
315
316
  },
316
317
  "& > .hiddenChild": {
317
318
  display: "none"
318
319
  },
319
320
  "& > .showChild": {
320
- display: "block",
321
- visibility: "visible"
321
+ display: "block"
322
322
  }
323
323
  }}
324
324
  >