Ends in:
7 DAYS
18 HRS
59 MIN
7 SEC
Ends in:
7 D
18 H
59 M
7 S
Open Closed

Scrollbar not visible #7682


User avatar
0
devpayoff created
  • ABP Framework version: v8.2.1
  • UI Type: Angular
  • Database System: EF Core
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes

We have observed that the scrollbar on our page does not appear initially. It only becomes visible after using the mouse wheel to scroll. Is there a way to make the scrollbar appear at the start of the page without requiring user to scroll with mouse?

Thanks


4 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    please try to add CSS code for that particular container

    overflow: auto;
    

    Thanks

  • User Avatar
    0
    devpayoff created

    Doesn't work. That's before resizing/scrolling: After resize or scroll it appear: If i remove class "lpx-scroll-container" it work but it's like that: Isn't there a better fix?

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi,

    I will check and get back to you.

    Thanks,

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    Please try to add CSS below in styles.scss

    .lpx-scroll-container.ps > .ps__rail-y {
      display: block ;
      height: 100% ;
    }
    

    it will result like shown in screenshot, scrollbar will be visible initially before scrolling

    Thanks

Made with ❤️ on ABP v9.1.0-preview. Updated on November 20, 2024, 13:06