- ABP Framework version: v8.0.3
- UI Type: Blazor Server
- Database System: EF Core (SQL Server)
- Tiered (for MVC) or Auth Server Separated (for Angular): yes
- Exception message and full stack trace:
- Steps to reproduce the issue: Just create a sample project using ABP Suite
The scrollbar in Lepton X is buggy. It does not appear initially and only shows when you start scrolling. We can see the same issue on the Lepton X live demo with side-nav. When you resize the browser window or open the sub-menus, the scrollbar will not show unless you start scrolling.
In a previous question (6649 linked below), it was confirmed that the PerfectScrollbar is too buggy in Blazor and it will be removed.
What does that mean exactly, when will it be removed (which version) and is there a workaround?
We see that the Lepton X Live demo page for example is not using the "lpx-scroll-container" css-class for the main content, so only the browser default scrollbar is showing, which works. However, the side-nav menu will not work this way.
PS: unfortunately we couldn't just simply comment the original question since it's closed :(
Related links: https://support.abp.io/QA/Questions/6431/how-can-i-remove-lpx-toolbar-container-scroll-in-abp-commercial https://support.abp.io/QA/Questions/3992/ABP-LeptonX-vertical-menu-missing-scrolling https://support.abp.io/QA/Questions/3524/ABP-LeptonX-vertical-menu-missing-scrolling https://support.abp.io/QA/Questions/6649/Net-8-Blazor-Enhanced-Load-Navigation-doesn%27t-replace-PerfectScroll-div-so-scrolling-is-disrupted
1 Answer(s)
-
0
Hi,
Most of the problems came from Perfect Scrollbar on Blazor, because in the Blazor Logic, DOM is updated at runtime without page refresh. So PS can't handle it.
We removed the perfect scrollbar from Blazor UI in the LeptonX version 3.1 (compatible to ABP v8.1.0) and the native scrollbar will be visible in the newer versions.
