From 5002304fb119859fe0d115883acceb094bc41be0 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Tue, 22 Jan 2019 09:45:33 +0100
Subject: correct height of reveal.js on mobile devices, fixes vertical
 overflow

---
 js/reveal.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'js')

diff --git a/js/reveal.js b/js/reveal.js
index afd678b..88ce029 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -2065,6 +2065,16 @@
 
 			if( !config.disableLayout ) {
 
+				// On some mobile devices '100vh' is taller than the visible
+				// viewport which leads to part of the presentation being
+				// cut off. To work around this we define our own '--vh' custom
+				// property where 100x adds up to the correct height.
+				//
+				// https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
+				if( isMobileDevice ) {
+					document.documentElement.style.setProperty( '--vh', ( window.innerHeight * 0.01 ) + 'px' );
+				}
+
 				var size = getComputedSlideSize();
 
 				// Layout the contents of the slides
-- 
cgit v1.2.3