JQuery Conflict with Django.ModelAdmin.autocomplete_fields

The problem is caused by the use of different jQuery files. Django relies on jquery.js (the one with ajax functions) to work, while map-widgets uses the jquery-3.3.1.slim.min.js (which has ajax stripped away). autocomplete_fields will thus stop working.

[SiddharthPant]

For now my temporary fix is to simply override the class and remove the slim from jquery and then everything works fine in the admin panel by using my custom widget.

from django import forms

from mapwidgets.settings import mw_settings
from mapwidgets.widgets import GooglePointFieldWidget, minify_if_not_debug


class CustomGooglePointWidget(GooglePointFieldWidget):
    @property
    def media(self):
        css = {"all": [minify_if_not_debug("mapwidgets/css/map_widgets{}.css")]}

        js = [
            "https://code.jquery.com/jquery-3.3.1.min.js",
            "https://maps.googleapis.com/maps/api/js?libraries=places&language={}&key={}".format(
                mw_settings.LANGUAGE, mw_settings.GOOGLE_MAP_API_KEY
            ),
        ]

        if not mw_settings.MINIFED:
            js = js + [
                "mapwidgets/js/jquery_class.js",
                "mapwidgets/js/django_mw_base.js",
                "mapwidgets/js/mw_google_point_field.js",
            ]
        else:
            js = js + ["mapwidgets/js/mw_google_point_field.min.js"]

        return forms.Media(js=js, css=css)

[yakky]

@erdem great! thanks for fixing this 🎉