Blazorise DataGrid actions dropdown overflow issue

[Jawad-Chughtai]

Is there an existing issue for this?

• I have searched the existing issues

Description

I am using Blazor Server with LeptonX theme and when actions dropdown is clicked inside the DataGrid that is "Responsive=true", the overflow of Dropdown menu is hidden and applying z-index to this dropdown menu does not seem to work.

Reproduction Steps

Creating a new Project with Blazor Server and .Net 8.
Following the ABP.io tutorial for Blazor Server for creating CRUD page.
Set DataGrid to Responsive=true, and make sure of enough columns for scrollbar to be visible.
Add 6-7 menu items in Actions dropdown in the datagrid.
Add only one or a couple of records so that, the dropdown opens towards top.

Expected behavior

The dropdown should be fully visible above the datagrid, and overflow should not be hidden

Actual behavior

When dropdown does not have enough space towards top, it's overflow is hidden

Regression?

No response

Known Workarounds

No response

Version

8.0.3

User Interface

Blazor Server

Database Provider

EF Core (Default)

Tiered or separate authentication server

None (Default)

Operation System

Windows (Default)

Other information

No response

[realLiangshiwei]

The problem has been solved. You can try the latest version.

And please open a ticket on the support website if it's a bug. thanks for understanding

[Jawad-Chughtai]

Hello @realLiangshiwei. For me updating the project to latest version using abp update does not resolve this problem. I do not own a license so can I still create a ticket for bug on support?

[realLiangshiwei]

Are you using the Leptonx lite theme?

[Jawad-Chughtai]

@realLiangshiwei Yes

[realLiangshiwei]

I will fix it, you can add those styles to your CSS

.table-responsive {
  min-height: 580px;
  margin-bottom: 1rem;
}

[Jawad-Chughtai]

@realLiangshiwei Thank you