在 grappelli 中以堆叠在线形式使用 django-autocomplete-light

Using django-autocomplete-light in grappelli in a stackedinline form

我正在尝试在 StackedInline.

的 grappelli 管理页面中使用 django-autocomplete-light

当用于主模型中的字段时,autocomplete-light 字段工作得很好。

但是在内联中它们不起作用。我得到的只是一个灰色的 X,它不会删除模型,也没有可在其中输入文本的字段:

而且在动态添加的内联中,我什至无法点击进入该字段!:

我的代码:

admin.py

class ServiceInline(MembershipInline):
    model = models.Service
    form = forms.MembershipInlineFormFactory(models.Service)

forms.py

class ServiceAutocompleteForm(autocomplete_light.ModelForm):
    class Meta:
        fields='__all__'
        model = models.Service

        autocomplete_fields  = ['person','position']

所以事实证明这是生成的 CSS 的问题,其中 grappelli 中的浮点数覆盖了实际的自动完成输入。这可以通过以下 CSS 规则解决(只要它包含在管理站点使用的文件中):

.autocomplete-light-widget {
  z-index:10;
}