Filters select options - events propagation issue

[robbykrlos]

This is a bug.

Prerequisites

• Are you running the latest version?
• Are you reporting to the correct repository?
  (enso is made of many specialized packages: https://github.com/laravel-enso)
• Did you check the documentation?
• Did you perform a cursory search?

Description

Steps to Reproduce

If you use the table filterable columns that have select options list, if you click on the option texts, it works like intended, but if you click on the "Select" green tag appearing on each option, this will not register the option selection but behave as if you clicked outside of the filter control.

I have the latest versions installed today from BE and FE.
I am able to simulate this both locally and on your demo site (as visible in the screenshot)
This is happening caused by Vue3 upgrade, since on 4.8.2 it is not misbehaving.

Thanks!

[robbykrlos]

This seems to be the fix for me: @click.stop="select"

client/node_modules/@enso-ui/dropdown/src/bulma/DropdownItem.vue

<template>
    <a class="dropdown-item"
        :class="[{
            'is-active': selected,
            'has-background-light': current && !selected }
        ]"
        @click.stop="select"
        @mouseenter="makeCurrent(this)">
        <slot name="default"
            :current="current"/>
    </a>
</template>

If you are OK with it, let me know to PR it.

[aocneanu]

@robbykrlos, seems like a good fix. Please make a PR, thanks

[robbykrlos]

@aocneanu - done: #13