ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Message List: Fix stuck date indicator (#5325)

Browse Source
This commit is contained in:
zubiden 2024-12-20 11:37:20 +01:00 committed by Alexander Zinchuk
parent 984a058e38
commit fafbfd9cfc
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/middle/hooks/useStickyDates.ts
View File

@ -25,11 +25,6 @@ export default function useStickyDates() {
runDebounced(() => { runDebounced(() => {
const stuckDateEl = findStuckDate(container); const stuckDateEl = findStuckDate(container);
if (stuckDateEl) {
requestMutation(() => {
stuckDateEl.classList.add('stuck');
});
}
requestMutation(() => { requestMutation(() => {
const currentStuck = document.querySelector('.stuck'); const currentStuck = document.querySelector('.stuck');
@ -37,6 +32,10 @@ export default function useStickyDates() {
currentStuck.classList.remove('stuck'); currentStuck.classList.remove('stuck');
} }
if (stuckDateEl) {
stuckDateEl.classList.add('stuck');
}
document.body.classList.remove('is-scrolling-messages'); document.body.classList.remove('is-scrolling-messages');
}); });
}); });
@ -58,6 +57,6 @@ function findStuckDate(container: HTMLElement) {
return Array.from(allElements).find((el) => { return Array.from(allElements).find((el) => {
const { offsetTop, offsetHeight } = el; const { offsetTop, offsetHeight } = el;
const top = offsetTop - containerTop; const top = offsetTop - containerTop;
return -offsetHeight <= top && top <= (headerActionsHeight || STICKY_TOP); return -offsetHeight <= top && top <= headerActionsHeight + STICKY_TOP;
}); });
} }