ensureVisible() {
if (this.props.isActive) {
// use polyfill as so far only chrome supports this functionality
scrollIntoViewIfNeeded(this.comment, {
block: "center",
scrollMode: "if-needed",
boundary: document.body,
});
}
}
ensureVisible() {
// Only scroll to this tree if this is the active tree and there is no active comment to scroll to
if (
this.props.tree.treeId === this.props.skeletonTracing.activeTreeId &&
!this.activeNodeHasComment()
) {
scrollIntoViewIfNeeded(this.treeDomElement, {
block: "center",
scrollMode: "if-needed",
boundary: document.body,
});
}
}
useEffect(() => {
if (props.isOpen) {
console.log(`scroll ${props.label} into view`);
scrollIntoView(containerRef.current, { block: 'nearest', scrollMode: 'if-needed' });
}
});