I'm using a lightning-combobox and I have it inside a div section with slds-scrollable.
<template>
<div class="slds-box slds-scrollable">
<lightning-combobox
name="progress"
label="Status"
value={value}
placeholder="Select Progress"
options={options}
onchange={handleChange} ></lightning-combobox>
<p>Selected value is: {value}</p>
</div>
What's happening is when I click a drop down they go inside scrollable div context and I'm trying to display on top of scrollable div any solution please I tried z-index: huge number and didn't work.
Click here to see in playground.
Screenshots : Left is with scrollable and right is without scrollable
I need a scroll bar but combobox menu should show on top of all elements.
Best Answer
Found a way we can use style="position:absolute" but need to be careful with the position as it might cause to overlap. Please check here