When modal is opening scrolls to the top of the page

[romanov]

1. Open modal
2. Page scrolls to the top.

[qmarcos]

If you manage the click with a custom function and are using a link with an href="#", maybe your link is causing this behaviour. You could prevent it on your click listener. Here is an example:

var modalTrigger = document.querySelector('selector-of-your-link');
var modal = new tingle.modal({});

modalTrigger.addEventListener('click', function(ev) {

    // this line invalidate the behaviour of the link 
    // that is causing scrolling to top
    ev.preventDefault(); 

    modal.setContent('<p>Hello!</p>');
    modal.open();
});

Hope it helps.

[St-Permiakov]

Same issue here, but on closing.
For me it is caused by the wrong actions order in "close" method.

document.body.classList.remove('tingle-enabled') <-- this is where position='fixed' removed
window.scrollTo(0, this._scrollPosition) <-- no scrollbar is available due to 'top: -####px', but scrollTo is called
document.body.style.top = null <-- scrollbar appears, but too late

Simple fix — swap "scrollTo" and "top = null"