Hide scrollbar without pixel jumping

This commit is contained in:
Jorik Schellekens 2020-06-30 23:52:13 +01:00
parent 2eaaf6a7bd
commit d2fb30a211

View file

@ -15,6 +15,7 @@ limitations under the License.
*/ */
import * as React from "react"; import * as React from "react";
import classnames from 'classnames';
import { createRef } from "react"; import { createRef } from "react";
import TagPanel from "./TagPanel"; import TagPanel from "./TagPanel";
import classNames from "classnames"; import classNames from "classnames";
@ -205,6 +206,11 @@ export default class LeftPanel2 extends React.Component<IProps, IState> {
"mx_LeftPanel2_minimized": this.props.isMinimized, "mx_LeftPanel2_minimized": this.props.isMinimized,
}); });
const className = classnames(
"mx_LeftPanel2_actualRoomListContainer",
"mx_AutoHideScrollbar",
);
return ( return (
<div className={containerClasses}> <div className={containerClasses}>
{tagPanel} {tagPanel}
@ -212,7 +218,7 @@ export default class LeftPanel2 extends React.Component<IProps, IState> {
{this.renderHeader()} {this.renderHeader()}
{this.renderSearchExplore()} {this.renderSearchExplore()}
<div <div
className="mx_LeftPanel2_actualRoomListContainer" className={className}
onScroll={this.onScroll} onScroll={this.onScroll}
ref={this.listContainerRef} ref={this.listContainerRef}
>{roomList}</div> >{roomList}</div>