Proposal: Add the option to define the scroll behavior of focus()

[jihyerish]

Could Element.focus() have the scrollOption to define the scroll behavior?

Such as:

Element.focus(scrollOptions);

scrollOptions
{
  behavior: "auto" | "none" | "smooth",
  block: "start" | "end"
 }

• auto: Element.focus() makes the element scroll into view
• none: Element.focus() doesn't make the scrolling behavior
• smooth: Element.focus() makes the element come into view with smooth scrolling

scrollOptions refers to the scrollIntoViewOptions of Element.scrollIntoView().

Element.focus() currently triggers scrolling the element into view. The result is reasonable when focusing based on onkeydown. But when focusing by mouseover the element, focus event also triggers the scroll behavior.

Demo shows no scrolling behavior when focusing by mouseover. If the option isn't checked, it also shows the result of the default scroll behavior triggered by Element.focus().

It could be nice if we can disable the scrolling behavior when the focus is triggered by mouseover and for other use cases.
Customizing the scrolling behavior of Element.focus already been discussed in #834.
Also, similar discussion is in w3c/csswg-drafts#1388.

[domenic]

I'm a little confused; isn't this a dupe of #834?

[jihyerish]

Yes, this is a continuous discussion of #834, but I'm suggesting the solution of it.
Would this be right to be discussed in #834?

[domenic]

Yes, it's better to keep the discussion in one place :). Let's move it there.