From 721916dadc7809c0225cbb25657e7094b2ad7db3 Mon Sep 17 00:00:00 2001
From: Michael Serajnik <ms@mserajnik.at>
Date: Thu, 5 Apr 2018 19:42:27 +0200
Subject: [PATCH] client/posts: fix viewport height calculation on iOS

---
 client/js/views/post_main_view.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/client/js/views/post_main_view.js b/client/js/views/post_main_view.js
index 3aa6c4fb..141de712 100644
--- a/client/js/views/post_main_view.js
+++ b/client/js/views/post_main_view.js
@@ -1,5 +1,6 @@
 'use strict';
 
+const iosCorrectedInnerHeight = require('ios-inner-height');
 const router = require('../router.js');
 const views = require('../util/views.js');
 const uri = require('../util/uri.js');
@@ -26,23 +27,20 @@ class PostMainView {
         views.replaceContent(this._hostNode, sourceNode);
         views.syncScrollPosition();
 
-        const postViewNode = document.body.querySelector('.content-wrapper');
         const topNavigationNode =
             document.body.querySelector('#top-navigation');
 
-        const margin = (
-            postViewNode.getBoundingClientRect().top -
-            topNavigationNode.getBoundingClientRect().height);
-
         this._postContentControl = new PostContentControl(
             postContainerNode,
             ctx.post,
             () => {
+                const margin = sidebarNode.getBoundingClientRect().left;
+
                 return [
                     window.innerWidth -
                         postContainerNode.getBoundingClientRect().left -
                         margin,
-                    window.innerHeight -
+                    iosCorrectedInnerHeight() -
                         topNavigationNode.getBoundingClientRect().height -
                         margin * 2,
                 ];