We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent d589a6d commit 2f32a96Copy full SHA for 2f32a96
wormhole-connect/src/views/v2/Bridge/AssetPicker/SearchableList/SearchInput.tsx
@@ -1,4 +1,5 @@
1
import React from 'react';
2
+import { useMediaQuery, useTheme } from '@mui/material';
3
import InputAdornment from '@mui/material/InputAdornment';
4
import TextField from '@mui/material/TextField';
5
import { makeStyles } from 'tss-react/mui';
@@ -33,12 +34,14 @@ type SearchInputProps = {
33
34
35
export default function SearchInput(props: SearchInputProps) {
36
const { classes } = useStyles();
37
+ const theme = useTheme();
38
+ const mobile = useMediaQuery(theme.breakpoints.down('sm'));
39
40
return (
41
<Box sx={{ padding: '0 16px' }}>
42
<TextField
43
className={classes.input}
- autoFocus
44
+ autoFocus={!mobile}
45
fullWidth
46
inputProps={{
47
style: {
0 commit comments