Toolbar_Hover.js

/**
 * Copyright Dimitris Grammatikogiannis
 * Lisence MIT
 *
 */

const toolbarActionButton = document.querySelector('#toolbar-status-group');
const dropdown = toolbarActionButton.querySelector('.dropdown-menu');
const dropdownButton = toolbarActionButton.querySelector('.dropdown-toggle');

const onOver = (event) => {
  console.log(event)
  if (!event.target.closest('joomla-toolbar-button')) {
    dropdownButton.click();
    document.removeEventListener('mouseover', onOver);
  }
}

if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
  toolbarActionButton.addEventListener('mouseenter', (ev) => {
    dropdownButton.click();
    document.addEventListener('mouseover', onOver);
  });
}