1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Anuncie Aqui
    Anuncie aqui você Também: fdantas@4each.com.br

Why does Kendo Angular WindowService.open() scroll the page to the bottom when opening a modal?

Discussão em 'Angular' iniciado por Славкин Марк, Maio 13, 2025.

  1. I’m getting a weird scrolling jump whenever I open a Kendo Angular modal via my shared WindowService. As soon as I call:

    ts Copy Edit this.windowService.open({ title: 'My Modal', content: SomeComponent, width: 600, top: window.pageYOffset + 50 }); the browser immediately scrolls all the way down so that the new (which is appended to my deep ) is in view. The modal itself renders correctly and stays fixed, but the page has already shifted.

    I tried:

    Forcing a fixed top: 200 → no jump, because the window opens in the default container near the top.

    Decorating WindowService.open() to capture window.pageYOffset and restore it after open → works, but I don’t understand why the focus/append behavior causes the scroll in the first place.

    Repro steps:

    Add inside a deeply nested component.

    Inject WindowService and call open() with a dynamic top based on pageYOffset.

    Observe the page instantly scroll down when the modal opens.

    What exactly in Kendo’s open/focus/append logic triggers that scroll‐to‐view, and how can I prevent it without having to restore the scroll position manually?

    i try to open the modal i want without the page scrolling to the bottom for no reason, cause the modal is not there.

    Continue reading...

Compartilhe esta Página