`scrollIntoView` Promise doesn't resolve on some elements

I discovered an apparent bug, where I have something like this:

scrollIntoView([HTMLElement], {
  scrollMode: 'if-needed',
  block: 'nearest',
  boundary: document
}).then(() => { console.log('done') })

It appears that if the element doesn’t need to be scrolled into view (or some other reason?), then the Promise will never resolve. Even if I change .then() to .finally(), nothing happens. No console.log is output. Meaning I can’t chain scrollIntoViews.

I didn’t have this problem until the element I needed to check if it needed to be scrolled into view was sometimes the same height as the document.

[matthew-dean]

Thanks for the fast turnaround! It works! ^_^

[stipsan]

I made a repro here: codepen.io/stipsan/pen/gjwWXV

It is showing a behavior similar to what you mentioned above 🤔