Hello! I'm afraid update method or changing autoClose value won't work as expected here. But I have written some JS that will mimic the autoClose behaviour. We will set autoClose to false, and use this custom method from the snippet: https://mdbootstrap.com/snippets/standard/m-duszak/3516751#js-tab-view

It watches for clicks while the dropdown is opened, and checks if click happened inside or outside dropdown/datepicker menus. See if this workaround suits your needs.

JS from above snippet:

const dropdownEl = document.querySelector('.dropdown-toggle')
const dropdown = mdb.Dropdown.getInstance(dropdownEl)

document.addEventListener('show.mdb.dropdown', (e) => {
    document.addEventListener('click', handleDropdownClose)
})


document.addEventListener('hide.mdb.dropdown', (e) => {
    document.removeEventListener('click', handleDropdownClose)
})

function handleDropdownClose(e) {
    let item = e.target

    if ((item.nodeName === 'HTML') || (item.nodeName === 'BODY')) {
        dropdown.hide()
    }

    while ((item.nodeName != 'HTML') && (item.nodeName != 'BODY')) {
        if (item.classList.contains('dropdown-menu') || item.classList.contains('datepicker-dropdown-container') || item.classList.contains('dropdown-toggle')) {
            break;
        }

        if (item.parentNode) {
            item = item.parentNode
        }

        if ((item.nodeName === 'HTML') || (item.nodeName === 'BODY')) {
            dropdown.hide()
        }
    }
}