@metalsadman thank you!

@metalsadman thank you for the example it helps me a lot. How about if you input a value and then you clicked outside of the q-select/component, how to retain the value being inputted? would the mouseleave or mouseout events would suffice with this kind of implementation?

@metalsadman thank you, how to retain the value being inputted , does that be inside the event handler?

q-select pressing tab key will clear the current value and move on to the next component/element.

 <q-select label="Recipients"
                          v-model="recipients"
                          use-input
                          use-chips
                          multiple
                          hide-dropdown-icon
                          input-debounce="0"
                          new-value-mode="add-unique"
                          stack-label
                          @new-value="newValue">
</q-select>

How to prevent this behavior or somehow customize the q-select component to accept tab key have the same function as the Enter key?

Hi guys, I have this scenario where in I need to separate q-menu implementation into another component which goes something like this.

In my other component:

<template>
<q-btn mouseenter=“showQmenu”>
<submenu> </submenu>
</q-btn>
</template>

Inside submenu component:

<template>
<q-menu anchor=“top right”
self=“top left”>
<q-list>
<q-item>
…
</q-item>
</q-list>
</q-menu>
</template>

How to show q-menu inside of submenu component triggered by mouseenter event of q-btn?

Thanks.

Is there a way to hide y scrollbar of a vertical splitter? In this scenario, the content of each splitter area is a q-table,
please see attached sample screenshot, the outside scrollbar should be hidden. thanks!

@metalsadman thanks for the tips, it’s working fine now.

@metalsadman thanks awesome, can we have multiple style attributes?

Hi @jairomonassa , could you share sample implementation for this problem? thanks

Hi @jrhopkins83 , have you been able to solve this problem?