[ BUG ] - CSS Overflow issue with Picklists

[e-bacho]

Describe the bug Unable to see the whole list of picklist options when the data table has a small number of rows (1-2). It seems like the data table sets overflow: hidden via some of its internals (slds-scrollable_y and slds-scrollable_x), therefore when the combo box options are greater than the number of rows displayed in the table, it introduces a scroll and it's difficult to view/select the desired option.

To Reproduce Steps to reproduce the behaviour:

1. Limit the rows displayed in the table to 1 or 2.
2. Add a Picklist field that has more than 3 options.
3. Try to inline edit the picklist value.

Expected behavior Expecting to see all of the picklist options on top of the table. Overflow should be set to "visible".

Screenshots Attached screenshot

Desktop (please complete the following information):

• OS: OS X
• Browser Chrome
• Version 109.0.5414.119

Additional context

[welcome[bot]]

Thanks for opening your first issue here! We will get look into this.

[Sarveshgithub]

@e-bacho yhea, this seems to be an existing issue with CSS, will have a look, and see if there is option

[Sarveshgithub]

tried adding overflow:visible to row and div lightning-combobox. still picklist not showing.

[e-bacho]

I tried that too, not going to work as the issue is in the internals of the standard data table component, with those scrollable x and y classes. Not sure what the best way to approach this would be and whether there's a way to override some of these classes/properties.

[Sarveshgithub]

let's close now, will reopen if reported wisely