@stimulus-library/controllers/dist/scroll/scroll_into_focus_controller.js

A library of useful controllers for Stimulus

import { EphemeralController, scrollToElement } from "@stimulus-library/utilities";
export class ScrollIntoFocusController extends EphemeralController {
    connect() {
        requestAnimationFrame(() => {
            scrollToElement(this.el, {
                behavior: this.hasBehaviorValue ? this.behaviorValue : "smooth",
                block: this.hasBlockValue ? this.blockValue : "center",
                inline: this.hasInlineValue ? this.inlineValue : "center",
            }).catch(() => this.el.scrollIntoView());
            this._cleanupSelf();
        });
    }
}
ScrollIntoFocusController.values = {
    behavior: String,
    block: String,
    inline: String,
};