In Viewport calculation is off by one

Question

In Viewport calculation is off by one

Closed this issue 8 years ago · 5 comments

Check out these examples where I have created two boxes:

Example 1: http://codepen.io/weotch/pen/VmWxJj
Example 2: http://codepen.io/weotch/pen/RogJbp

In the first example, they are both have heights of 100vh. Note that they both register as in viewport even though the second box should be pushed out of it by the first, which should completely fill the viewport.

In the second example, the boxes have heights of calc(100vh + 1px). Now, the second box correctly registers as being out of the viewport.

weotch commented 8 years ago

🍻

Answer 1 · 2016-11-25T18:21:45.000Z

😮

Is it consistent between browsers?

Answer 2 · 2016-11-27T02:54:05.000Z

Yeah, happening in latest chrome, firefox, safari as well as IE edge.

Answer 3 · 2016-11-28T22:19:55.000Z

Did you publish to npm? Not seeing it there:

Answer 4 · 2016-11-28T22:36:34.000Z

Oops, published.