He probado muchas cosas pero no se como hacerlo. Quiero que el resultado ahogado permanezca sobre el otro menú desplegable, pero todos los menús desplegables parecen tener un índice z: 9999; No sé si te estoy haciendo entender, pero aquí está esa foto...

estoy usando Tom Select JS y este es mi css personalizado

 $select-ns: 'ts' !default; .#{$select-ns}-wrapper { @apply z-10; .#{$select-ns}-control { padding-right: 2rem; @apply bg-stone-100 px-4 rounded-lg shadow-sm border-2 border-slate-100 focus:border-blue-400 focus:outline-none p-3 font-semibold h-auto #{!important}; &, input { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); font-size: 15px; cursor: pointer; &::placeholder { @apply text-base-content font-semibold; } } } .#{$select-ns}-dropdown { font-size: 16px; @apply bg-base-200 border-slate-100 #{!important}; .create:hover, .option:hover { @apply bg-primary text-white font-bold #{!important}; } } }