From 3c6ed00d149bd119c42ae9a500a3c30067d12f20 Mon Sep 17 00:00:00 2001
From: Rodrigo Pombo <pombopombopombo@gmail.com>
Date: Sun, 24 Feb 2019 02:40:37 -0300
Subject: [PATCH] Move ref to scroller

---
 src/slide.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/slide.js b/src/slide.js
index d653fd4..6fc645d 100644
--- a/src/slide.js
+++ b/src/slide.js
@@ -53,7 +53,7 @@ function useHeight(ref) {
   let [height, setHeight] = React.useState(null);
 
   function handleResize() {
-    setHeight(ref.current.offsetHeight);
+    setHeight(ref.current.getClientHeight());
   }
 
   React.useEffect(() => {
@@ -72,6 +72,7 @@ function Slide({ lines, styles }) {
 
   let ref = React.useRef(null);
   let height = useHeight(ref);
+
   return (
     <pre
       style={{
@@ -86,6 +87,7 @@ function Slide({ lines, styles }) {
     >
       <Scrollbars
         autoHide
+        ref={ref}
         onScroll={e => setTop(e.target.scrollTop)}
         renderThumbVertical={({ style, ...props }) => (
           <div
@@ -104,7 +106,6 @@ function Slide({ lines, styles }) {
             height: "100%",
             boxSizing: "border-box"
           }}
-          ref={ref}
         >
           <Lines height={height} top={top} lines={lines} styles={styles} />
         </code>