document.addEventListener 'DOMContentLoaded', ->
  dropdowns = document.querySelectorAll '.navbar-nav .nav-item.dropdown'
  dropdowns.forEach (dropdown) ->
    dropdown.addEventListener 'mouseenter', ->
      menu = dropdown.querySelector ':scope > .dropdown-menu'
      if menu?
        menu.style.display = 'block'
    dropdown.addEventListener 'mouseleave', ->
      menu = dropdown.querySelector ':scope > .dropdown-menu'
      if menu?
        menu.style.display = ''