LogalDeveloper/owncast
0
Fork 0
Code Activity

Allow specifying scroll behavior on initial chat history load

Browse Source
This commit is contained in:
Gabe Kangas
2022-04-18 23:46:31 -07:00
parent 61b07ab544
commit dc4c905dd1
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/js/components/chat/chat.js
View File

@@ -187,7 +187,7 @@ export default class Chat extends Component {
this.handleNetworkingError(`Fetch getChatHistory: ${error}`); this.handleNetworkingError(`Fetch getChatHistory: ${error}`);
} }
this.scrollToBottom(); jumpToBottom(this.scrollableMessagesContainer.current, 'instant');
} }
receivedWebsocketMessage(message) { receivedWebsocketMessage(message) {

8
webroot/js/utils/helpers.js
View File

@@ -24,15 +24,19 @@ export function clearLocalStorage(key) {
} }
// jump down to the max height of a div, with a slight delay // jump down to the max height of a div, with a slight delay
export function jumpToBottom(element) { export function jumpToBottom(element, behavior) {
if (!element) return; if (!element) return;
if (!behavior) {
behavior = document.visibilityState === 'visible' ? 'smooth' : 'instant';
}
setTimeout( setTimeout(
() => { () => {
element.scrollTo({ element.scrollTo({
top: element.scrollHeight, top: element.scrollHeight,
left: 0, left: 0,
behavior: document.visibilityState === 'visible' ? 'smooth' : 'instant', behavior: behavior,
}); });
}, },
50, 50,