more fixes, AI

location_field/media/form.css

@@ -1,4 +1,9 @@
 
+/* Hide map dialog initially - jQuery UI dialog will show it */
+.map_dialog {
+	display: none;
+}
+
 input.locationwidget 
 {
 	cursor: pointer !important;	

location_field/media/form.html

@@ -1,8 +1,8 @@
-<div id="map_dialog_%(name)s" class="map_dialog" title="Genauen Ort bestimmen">
+<div id="map_dialog_%(name)s" class="map_dialog" title="Genauen Ort bestimmen" style="display: none;">
 
 	<div style="margin: 4px 0 0 0">
 		<label></label>
-		<div id="map_%(name)s" class="map_canvas" style="width: %(width) dpx; height: %(height) dpx"></div>
+		<div id="map_%(name)s" class="map_canvas" style="width: %(width)dpx; height: %(height)dpx"></div>
 	</div>
 	
 	<div>

location_field/widgets.py

@@ -61,14 +61,17 @@ class LocationWidget(widgets.TextInput):
         maps_url = f"https://maps.googleapis.com/maps/api/js?key={api_key}&language=de"
         
         return widgets.Media(
-            css={"all": ("location_field/form.css",)},
+            css={
+                "all": (
+                    "https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css",
+                    "location_field/form.css",
+                )
+            },
             js=(
-                # jQuery and jQuery UI
-                "https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js",
+                # jQuery UI from CDN (jQuery is already loaded in base template)
                 "https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js",
                 # Google Maps API with API key
                 maps_url,
-                "js/bindWithDelay.js",
                 "location_field/form.js",
             )
         )