Wrong vertical center

Hey, I have an issue with the latest version (1.0.9), the images don’t appear in the middle of the screen because the windowCenter function returns a “wrong” value, if I change the code to the one below it does take the correct windowCenter:

function getWindowCenter() {
        var docWidth = docElm.clientWidth || body.clientWidth;
        var docHeight = window.innerHeight; // this didn't work: docElm.clientHeight || body.clientHeight;

        return {
            x: half(docWidth),
            y: half(docHeight)
        };
    }

[kingdido999]

The current implementation is below:

function getWindowCenter () {
  const windowWidth = Math.min(docElm.clientWidth, window.innerWidth)
  const windowHeight = Math.min(docElm.clientHeight, window.innerHeight)

  return {
    x: half(windowWidth),
    y: half(windowHeight)
  }
}

Notice it’s not perfect though, in modern browsers, it will give you the window center that either excludes scroll bar width and height, which are the desired values, or includes scroll bar width and height (window.innerWidth and window.innerHeight).

References:

• Element.clientHeight
• Window.innerHeight

[kobeaerts]

It works!