Open Closed

Issue with Scrolling Div in Scrolling Window #9049


User avatar
0
canderson created

This issue is able to be seen on:
https://demo.abp.io/

The goal:
To have a div of content scrollable in the page that is also scrollable. When the user's mouse hovers the scrollable div, the div should scroll.

Description of issue:
(example in this video)
You can see the div DOES scroll because there is more content than what can display at once.
In the video, I am scrolling but when my mouse is hovering the scrollable div, it does nothing when I scroll up and the scroll bar in div is all the way at the top. Likewise, it does nothing when I scroll down and the scroll bar in the div is all the way at the bottom. As soon as the scroll bar in the div is at neither extreme, top nor bottom, then scrolling works as expected in the div.


4 Answer(s)
  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    Our angular team will check it asap.

    Thanks.

  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    Hello,

    This issue seems to be related to a third-party integration with Perfect Scrollbar. However, Perfect Scrollbar has been removed from the templates in the latest release.

    Could you verify if this behavior still occurs in an application generated with version 9.1? If the issue persists, we can investigate further to identify a possible solution.

  • User Avatar
    0
    paul.harriman created

    we cannot update to .net 9, because of contract reasons. can we simply update the front-end to 9.1 without any bad side affects? we did update to 9.0.4 to get rid of the console errors for the for loop tracking issues

  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    Yes, you can update the frontend version to 9.1.

    Please also make sure to update your Angular version to 19 by following the migration guide: https://abp.io/docs/latest/release-info/migration-guides/abp-9-1

    Note that Angular now uses standalone: true by default, so you may need to explicitly set standalone: false for any components, directives, or pipes that are not standalone.

    Let us know if you need any further assistance.

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.3.0-preview. Updated on April 10, 2025, 12:38