aheh/thefeed
1
0
Fork 0
mirror of https://github.com/sartoopjj/thefeed.git synced 2026-05-19 06:14:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: use matchMedia for mobile nav to fix background restore bug

Browse Source 
window.innerWidth can briefly report the desktop viewport width when
the page is restored from a long Android background session, causing
openChat() to skip adding chat-open even though chatIsOpen is true.

Replace all window.innerWidth checks with mobileQuery.matches so the
JS breakpoint always agrees with CSS. Also swap the resize listener
for mobileQuery.addEventListener('change') which only fires when the
breakpoint actually crosses, and add a visibilitychange handler to
re-apply chat-open when the app returns to the foreground.
This commit is contained in:
Sepehr
2026-04-24 17:05:00 -04:00
parent e815dba9ec
commit 2ff7cbd751
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/index.html
+11 -5
View File
@@ -2397,10 +2397,11 @@
var refreshingChannels = {}; // tracks channels with an in-flight refresh
// ===== MOBILE NAV =====
var mobileQuery = window.matchMedia('(max-width: 768px)');
var chatIsOpen = false;
function openChat() {
chatIsOpen = true;
if (window.innerWidth <= 768) {
if (mobileQuery.matches) {
document.getElementById('app').classList.add('chat-open');
history.pushState({ view: 'chat' }, '');
}
@@ -2410,10 +2411,15 @@
document.getElementById('app').classList.remove('chat-open');
}
window.addEventListener('popstate', function () {
if (window.innerWidth <= 768 && document.getElementById('app').classList.contains('chat-open')) {
if (mobileQuery.matches && document.getElementById('app').classList.contains('chat-open')) {
openSidebar();
}
});
document.addEventListener('visibilitychange', function () {
if (!document.hidden && mobileQuery.matches && chatIsOpen) {
document.getElementById('app').classList.add('chat-open');
}
});
function filterChannels() {
var q = document.getElementById('channelSearch').value.toLowerCase();
document.querySelectorAll('.ch-item').forEach(function (el) { el.style.display = el.dataset.name.toLowerCase().includes(q) ? 'flex' : 'none' });
@@ -3593,7 +3599,7 @@
document.getElementById('progressPanel').innerHTML = '';
var p = document.getElementById('progressPanel');
p.innerHTML = '<div class="progress-item" id="prog-init" data-last-update="' + Date.now() + '"><button class="progress-close" onclick="this.parentNode.remove()" title="Dismiss">&times;</button><div class="progress-label">' + t('loading') + '</div><div class="progress-bar"><div class="progress-fill" style="width:30%;animation:prog-pulse 1.5s ease-in-out infinite"></div></div></div>';
if (window.innerWidth <= 768) { openChat(); openLog(); }
if (mobileQuery.matches) { openChat(); openLog(); }
}
function startAutoRefresh() { if (autoRefreshTimer) return; autoRefreshTimer = setInterval(function () { if (selectedChannel > 0) doRefresh(true) }, 600000) }
function updateNextFetchDisplay() {
@@ -4471,9 +4477,9 @@
if (e.key === 'Enter' && document.activeElement === document.getElementById('msgSearchInput')) { e.preventDefault(); msgSearchNext() }
if (e.key === 'Escape') { closeSettings(); closeProfiles(); closeProfileEditor(); closeScanner(); closeMsgSearch(); closeExportModal(); closeResolversModal() }
});
window.addEventListener('resize', function () {
mobileQuery.addEventListener('change', function () {
var app = document.getElementById('app');
if (window.innerWidth > 768) {
if (!mobileQuery.matches) {
app.classList.remove('chat-open');
} else if (chatIsOpen) {
app.classList.add('chat-open');