Hiding (through CSS) overlay popups when not shown (otherwise they are just located under the map and show up when the map is moved before tiles are loaded.

src/components/finder/Finder.tsx

@@ -7,6 +7,8 @@ import { useI18n } from '@solid-primitives/i18n';
 import proj4 from 'proj4';
 
 import style from './Finder.module.css';
+import './finder.css';
+
 import { Box, Button, IconButton, TextField } from '@suid/material';
 import Dialog from '../dialog';
 import { getMap, getState } from '../map';
@@ -168,5 +170,4 @@ const Finder: Component<Props> = (props) => {
     </>
   );
 };
-
 export default Finder;

src/components/finder/finder.css

@@ -0,0 +1,3 @@
+.ol-map .ol_popup {
+  visibility: hidden;
+}