antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix some firefox mobile issue

Browse Source
This commit is contained in:
Anton Tranelis 2024-01-30 21:18:12 +01:00
parent a5a1c70520
commit a7e2612b28
1 changed files with 1 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Components/Map/Subcomponents/Controls/SearchControl.tsx
View File

@ -18,8 +18,6 @@ import MarkerIconFactory from '../../../../Utils/MarkerIconFactory';
export const SearchControl = ({ clusterRef }) => { export const SearchControl = ({ clusterRef }) => {
const windowDimensions = useWindowDimensions();
const [popupOpen, setPopupOpen] = useState(false);
const [value, setValue] = useState(''); const [value, setValue] = useState('');
const [geoResults, setGeoResults] = useState<Array<any>>([]); const [geoResults, setGeoResults] = useState<Array<any>>([]);
@ -35,14 +33,6 @@ export const SearchControl = ({ clusterRef }) => {
const resetFilterTags = useResetFilterTags(); const resetFilterTags = useResetFilterTags();
const filterTags = useFilterTags(); const filterTags = useFilterTags();
useMapEvents({
popupopen: () => {
setPopupOpen(true);
},
popupclose: () => {
setPopupOpen(false);
}
})
useDebounce(() => { useDebounce(() => {
const searchGeo = async () => { const searchGeo = async () => {
@ -74,7 +64,6 @@ export const SearchControl = ({ clusterRef }) => {
const searchInput = useRef<HTMLInputElement>(null); const searchInput = useRef<HTMLInputElement>(null);
return (<> return (<>
{!(windowDimensions.height < 500 && popupOpen && hideSuggestions) &&
<div className='tw-w-[calc(100vw-2rem)] tw-max-w-[22rem] '> <div className='tw-w-[calc(100vw-2rem)] tw-max-w-[22rem] '>
<div className='flex tw-flex-row'> <div className='flex tw-flex-row'>
<input type="text" placeholder="search ..." autoComplete="off" value={value} className="tw-input tw-input-bordered tw-w-full tw-shadow-xl tw-rounded-lg tw-mr-2" <input type="text" placeholder="search ..." autoComplete="off" value={value} className="tw-input tw-input-bordered tw-w-full tw-shadow-xl tw-rounded-lg tw-mr-2"
@ -163,7 +152,7 @@ export const SearchControl = ({ clusterRef }) => {
} }
</div>} </div>}
</div> </div>
}
</> </>
) )