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

Question

我试图在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']

Answer 1

所以事实证明这是生成的CSS的一个问题，其中grappelli中的浮点数覆盖了实际的自动完成输入。这可以使用以下CSS规则修复（只要它包含在管理站点使用的文件中）：

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