mirror of
https://github.com/pomber/git-history.git
synced 2024-10-26 23:26:54 +03:00
Move ref to scroller
This commit is contained in:
parent
4a31ec9ef4
commit
3c6ed00d14
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user