Hi @Damaris Jongbloed 

 Let me break down the problem and suggest a possible solution:

1. The DropdownTags widget consists of two separate elements:
   • The top bar (trigger)
   • The dropdown part (content)
2. The goal is to close the dropdown when the mouse leaves the entire widget area.
3. The challenge is that onmouseleave might not work as expected because the two parts are separate elements.

Here's a potential solution:

1. Create a container element that wraps both the top bar and the dropdown part.
2. Use JavaScript to add an event listener for the 'mouseleave' event on this container.
3. When the mouseleave event is triggered, close the dropdown.

Here's a rough outline of how you might implement this in OutSystems and JavaScript:

"

// Assuming you have a container element with id 'dropdownContainer'

// and a function to close the dropdown called 'closeDropdown'

document.addEventListener('DOMContentLoaded', function() {

    var container = document.getElementById('dropdownContainer');

    container.addEventListener('mouseleave', function() {

        closeDropdown();

    });

});

function closeDropdown() {

    // Your code to close the dropdown

}

Hope this helps,

Mayur