Fix clicking “Explore” or “Live feeds” column headers to scroll in advanced mode (#26633)

Co-authored-by: Plastikmensch <Plastikmensch@users.noreply.github.com>
This commit is contained in:
Claire 2023-08-24 14:10:48 +02:00 committed by GitHub
parent b2ac93dd73
commit e90649b064
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -16,7 +16,19 @@ export default class Column extends PureComponent {
};
scrollTop () {
const scrollable = this.props.bindToDocument ? document.scrollingElement : this.node.querySelector('.scrollable');
let scrollable = null;
if (this.props.bindToDocument) {
scrollable = document.scrollingElement;
} else {
scrollable = this.node.querySelector('.scrollable');
// Some columns have nested `.scrollable` containers, with the outer one
// being a wrapper while the actual scrollable content is deeper.
if (scrollable.classList.contains('scrollable--flex')) {
scrollable = scrollable?.querySelector('.scrollable') || scrollable;
}
}
if (!scrollable) {
return;