pomber/git-history
1
1
Fork 0
mirror of https://github.com/pomber/git-history.git synced 2024-10-26 23:26:54 +03:00
Code Issues Projects Releases Wiki Activity

Move ref to scroller

Browse Source
This commit is contained in:
Rodrigo Pombo 2019-02-24 02:40:37 -03:00
parent 4a31ec9ef4
commit 3c6ed00d14
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/slide.js
View File

@ -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>