OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Add methods visibility for AutoHideScrollbar

pull/21833/head
Germain Souquet 2021-06-01 14:15:42 +01:00
parent 73ca6b2ad0
commit 591314141b
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/structures/AutoHideScrollbar.tsx
View File

@ -29,7 +29,7 @@ interface IProps {
export default class AutoHideScrollbar extends React.Component<IProps> { export default class AutoHideScrollbar extends React.Component<IProps> {
private containerRef: React.RefObject<HTMLDivElement> = React.createRef(); private containerRef: React.RefObject<HTMLDivElement> = React.createRef();
componentDidMount() { public componentDidMount() {
if (this.containerRef.current && this.props.onScroll) { if (this.containerRef.current && this.props.onScroll) {
// Using the passive option to not block the main thread // Using the passive option to not block the main thread
// https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners
@ -41,17 +41,17 @@ export default class AutoHideScrollbar extends React.Component<IProps> {
} }
} }
componentWillUnmount() { public componentWillUnmount() {
if (this.containerRef.current && this.props.onScroll) { if (this.containerRef.current && this.props.onScroll) {
this.containerRef.current.removeEventListener("scroll", this.props.onScroll); this.containerRef.current.removeEventListener("scroll", this.props.onScroll);
} }
} }
getScrollTop() { public getScrollTop(): number {
return this.containerRef.current.scrollTop; return this.containerRef.current.scrollTop;
} }
render() { public render() {
return (<div return (<div
ref={this.containerRef} ref={this.containerRef}
style={this.props.style} style={this.props.style}