@etsoo/materialui 1.1.59 → 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.
- package/lib/SearchBar.js +5 -7
- package/package.json +1 -1
- package/src/SearchBar.tsx +6 -6
package/lib/SearchBar.js
CHANGED
|
@@ -223,28 +223,26 @@ 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))),
|
|
243
241
|
React.createElement(IconButton, { "aria-label": "delete", size: "medium", onClick: handleMore },
|
|
244
242
|
React.createElement(MoreHorizIcon, null)),
|
|
245
243
|
React.createElement(Button, { variant: "contained", size: "medium", ref: resetButtonRef, onClick: handleReset }, labels.reset))),
|
|
246
|
-
index != null && index < fields.length && (React.createElement(Drawer, { anchor: "right", sx: { minWidth: "250px" }, ModalProps: {
|
|
247
|
-
keepMounted:
|
|
244
|
+
index != null && index < fields.length && open && (React.createElement(Drawer, { anchor: "right", sx: { minWidth: "250px" }, ModalProps: {
|
|
245
|
+
keepMounted: false
|
|
248
246
|
}, open: open, onClose: () => updateOpen(false) },
|
|
249
247
|
React.createElement("form", { onChange: moreFormChange, ref: (form) => {
|
|
250
248
|
if (form)
|
package/package.json
CHANGED
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
|
>
|
|
@@ -339,12 +339,12 @@ export function SearchBar(props: SearchBarProps) {
|
|
|
339
339
|
</Button>
|
|
340
340
|
</Stack>
|
|
341
341
|
</form>
|
|
342
|
-
{index != null && index < fields.length && (
|
|
342
|
+
{index != null && index < fields.length && open && (
|
|
343
343
|
<Drawer
|
|
344
344
|
anchor="right"
|
|
345
345
|
sx={{ minWidth: "250px" }}
|
|
346
346
|
ModalProps={{
|
|
347
|
-
keepMounted:
|
|
347
|
+
keepMounted: false
|
|
348
348
|
}}
|
|
349
349
|
open={open}
|
|
350
350
|
onClose={() => updateOpen(false)}
|