No, I have the MDB script at the bottom, just like in the index.html file. The only change I made was adding the django static code. I also tried putting the autocomplete into the index.html body and it still didn't work.

html:

<div id="customItem" class="form-outline mx-5 mb-2" data-mdb-list-height="290">
        <input type="text" id="form14" class="form-control" />
        <label class="form-label" for="form1">Find Item</label>
    </div>

script:

<script type="text/javascript">
const customItemAutocomplete = document.querySelector('#customItem');
const data = [
{ title: 'One', subtitle: 'Secondary text' },
{ title: 'Two', subtitle: 'Secondary text' },
{ title: 'Three', subtitle: 'Secondary text' },
{ title: 'Four', subtitle: 'Secondary text' },
{ title: 'Five', subtitle: 'Secondary text' },
{ title: 'Six', subtitle: 'Secondary text' },
];
const dataFilter = (value) => {
return data.filter((item) => {
    return item.title.toLowerCase().startsWith(value.toLowerCase());
});
};

new mdb.Autocomplete(customItem, {
filter: dataFilter,
displayValue: (value) => value.title,
itemContent: (result) => {
    return `
    <div class="autocomplete-custom-item-content">
        <div class="autocomplete-custom-item-title">${result.title}</div>
        <div class="autocomplete-custom-item-subtitle">${result.subtitle}</div>
    </div>
    `;
},
});

I'm getting the box and it is responsive but no autocomplete suggestions show up when typing.