Autocomplete Scroll Behavior

blh · July 4, 2024, 12:00am

Is there a way to customize the scroll behavior of autocomplete?

Right now, scrollIntoView has a custom implementation.

codemirror/autocomplete/blob/2ef51c4697a817aaffb24604c81127c4eef7abd0/src/tooltip.ts#L298-L304


      
          function scrollIntoView(container: HTMLElement, element: HTMLElement) {
            let parent = container.getBoundingClientRect()
            let self = element.getBoundingClientRect()
            let scaleY = parent.height / container.offsetHeight
            if (self.top < parent.top) container.scrollTop -= (parent.top - self.top) / scaleY
            else if (self.bottom > parent.bottom) container.scrollTop += (self.bottom - parent.bottom) / scaleY
          }

I wonder if this can be replaced with the native method

and then its parameters be available as options passed into the autocompletion extension.

marijn · July 4, 2024, 7:39am

Why do you need this?

blh · July 4, 2024, 8:17am

I styled the autocomplete to have margin around the list items. Normally with browser scrollIntoView, you can align the scroll with scrollMargin so the margin isn’t cutoff.

But with the custom scrollIntoView implementation, it doesn’t account for that. I would also want smoothScrolling as an option.

marijn · July 8, 2024, 9:58am

Frankly, this feels too specific to add a library feature for, I’m sorry.