kibi/f0ckm
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

chromium is shit

Browse Source
This commit is contained in:
Kibi Kelburton
2026-07-15 17:03:12 +02:00
parent 6a8a8a6bda
commit 782c50ff1a
1 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
public/s/js/sidebar-activity.js
View File

@@ -494,19 +494,35 @@
? (targetElement.classList.contains('comment-content-inner') ? [targetElement] : targetElement.querySelectorAll('.comment-content-inner')) ? (targetElement.classList.contains('comment-content-inner') ? [targetElement] : targetElement.querySelectorAll('.comment-content-inner'))
: document.querySelectorAll('.sidebar-activity .comment-content-inner'); : document.querySelectorAll('.sidebar-activity .comment-content-inner');
const results = [];
// Read phase: batch layout reads first
targets.forEach(inner => { targets.forEach(inner => {
const container = inner.parentElement; const container = inner.parentElement;
const btn = container.querySelector('.read-more-btn'); const btn = container ? container.querySelector('.read-more-btn') : null;
if (!btn) return; if (!btn) return;
// If expanded, always show "see less" const isExpanded = container.classList.contains('expanded');
if (container.classList.contains('expanded')) { const scrollHeight = inner.scrollHeight;
const clientHeight = inner.clientHeight;
results.push({
container,
btn,
isExpanded,
scrollHeight,
clientHeight
});
});
// Write phase: perform DOM updates after all reads are completed
results.forEach(({ container, btn, isExpanded, scrollHeight, clientHeight }) => {
if (isExpanded) {
btn.style.display = 'block'; btn.style.display = 'block';
btn.textContent = window.f0ckI18n?.sidebar_see_less || 'see less'; btn.textContent = window.f0ckI18n?.sidebar_see_less || 'see less';
return; return;
} }
if (inner.scrollHeight > inner.clientHeight + 2) { // 2px buffer for rounding if (scrollHeight > clientHeight + 2) { // 2px buffer for rounding
btn.style.display = 'block'; btn.style.display = 'block';
btn.textContent = window.f0ckI18n?.sidebar_read_more || 'read more'; btn.textContent = window.f0ckI18n?.sidebar_read_more || 'read more';
container.classList.add('has-overflow'); container.classList.add('has-overflow');
@@ -518,7 +534,9 @@
}; };
const attachMediaLoadListeners = (element) => { const attachMediaLoadListeners = (element) => {
element.querySelectorAll('img, video').forEach(media => { // Only target images and videos inside comment-content-inner.
// Avatars, emojis, and item preview thumbnails have fixed sizes and do not affect text overflow.
element.querySelectorAll('.comment-content-inner img:not(.emoji), .comment-content-inner video').forEach(media => {
if (media.dataset.loadListenerBound) return; if (media.dataset.loadListenerBound) return;
media.dataset.loadListenerBound = 'true'; media.dataset.loadListenerBound = 'true';
@@ -526,9 +544,6 @@
if (inner) { if (inner) {
media.addEventListener('load', () => checkOverflow(inner), { once: true }); media.addEventListener('load', () => checkOverflow(inner), { once: true });
media.addEventListener('loadedmetadata', () => checkOverflow(inner), { once: true }); media.addEventListener('loadedmetadata', () => checkOverflow(inner), { once: true });
} else {
media.addEventListener('load', () => checkOverflow(), { once: true });
media.addEventListener('loadedmetadata', () => checkOverflow(), { once: true });
} }
}); });
}; };
@@ -763,7 +778,7 @@
node.classList.add('new-item-fade'); node.classList.add('new-item-fade');
container.prepend(node); container.prepend(node);
attachMediaLoadListeners(node); attachMediaLoadListeners(node);
checkOverflow(); checkOverflow(node);
fetchSidebarYoutubeTitles(container); fetchSidebarYoutubeTitles(container);
} }
} }
@@ -814,7 +829,7 @@
void el.offsetWidth; void el.offsetWidth;
el.classList.add('new-item-fade'); el.classList.add('new-item-fade');
attachMediaLoadListeners(inner); attachMediaLoadListeners(inner);
checkOverflow(); checkOverflow(inner);
fetchSidebarYoutubeTitles(el); fetchSidebarYoutubeTitles(el);
// Auto-play converted GIF videos // Auto-play converted GIF videos
inner.querySelectorAll('video.autoplay-gif').forEach(v => { v.autoplay = true; v.muted = true; v.play().catch(() => { v.addEventListener('canplay', () => v.play().catch(() => { }), { once: true }); }); }); inner.querySelectorAll('video.autoplay-gif').forEach(v => { v.autoplay = true; v.muted = true; v.play().catch(() => { v.addEventListener('canplay', () => v.play().catch(() => { }), { once: true }); }); });