Dropdown list is scrolling when hovering over the last visible item

[tstoik]

Describe the bug
When hovering over the last visible item in the dropdown, the list begins to automatically scroll without user action.

To Reproduce
Steps to reproduce the behavior:

1. Open dropdown
2. Hover individual items as you make your way down the list.
3. As you over over the last visible item in the list, especially if it is partially visible, the list start scrolling rapidly to the bottom

https://cl.ly/a0e39463867c

In the video linked above, I am not using the scrollwheel or taking any action that would cause the list to scroll, yet it scrolls whenever I hover over the last visible item.

Expected behavior
Ability to hover over all items without triggering scrolling.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: MacOS Catalina
• Browser: Firefox 71 & Chrome 79

[space-bro]

@tstoik try replacing method maybeAdjustScroll()

maybeAdjustScroll() {
        const pixelsToPointerTop = this.pixelsToPointerTop();
        const pixelsToPointerBottom = this.pixelsToPointerBottom();

        if (pixelsToPointerTop <= this.viewport().top) {
            return this.scrollTo(pixelsToPointerTop);
        } else if (pixelsToPointerBottom >= this.viewport().bottom) {
            return this.scrollTo(pixelsToPointerBottom - (this.viewport().bottom - this.viewport().top));
        }
    }

[opassion]

@ccartrec does this mean I need to fork this and fix it myself?

[space-bro]

@opassion yes=) you should find maybeAdjustScroll() in pointerScroll.ts and replace on this

[andreasvirkus]

@opassion you could also extend the component and override the method

#449 (comment)

[github-actions]

🎉 This issue has been resolved in version 3.10.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀