Changeset 1c85964 in Klonkt

Timestamp:

06/26/2026 04:33:36 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

f6b2c68

Parents:

7eee449

Message:

debug(ios): richer safe-area overlay (masthead/profile rects) + SW cache v13

Temporary: capture masthead position/height/top + chrome/profile top + body padding
to pin down why the masthead padding doesn't push content below the island in the PWA.

Location:

src

Files:

• server.js (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/server.js

@@ -395 +395 @@
   res.set('Cache-Control', 'no-cache');
   res.send(`
-const CACHE_VERSION = 'pcms-v12-' + new Date().toISOString().split('T')[0];
+const CACHE_VERSION = 'pcms-v13-' + new Date().toISOString().split('T')[0];
 self.addEventListener('install', e => {
   e.waitUntil(caches.open(CACHE_VERSION).then(c => c.addAll(['/'])));

src/views/shell.ejs

@@ -229 +229 @@
       d.style.cssText = 'position:fixed;left:6px;bottom:96px;z-index:2147483647;background:rgba(0,0,0,.86);color:#0f0;font:11px/1.4 monospace;padding:7px 9px;border-radius:6px;white-space:pre;max-width:92vw';
       document.body.appendChild(d); }
-    d.textContent = 'env=' + rawEnv + '   final=' + i + '\nstandalone=' + standalone + '\nscreen=' + screen.width + 'x' + screen.height + '  dpr=' + window.devicePixelRatio + '\nmasthead pad=' + (mh ? getComputedStyle(mh).paddingTop : 'NOT FOUND');
+    var ph = document.querySelector('.profile-header') || document.querySelector('#pcms-chrome');
+    var mr = mh ? mh.getBoundingClientRect() : null;
+    var pr = ph ? ph.getBoundingClientRect() : null;
+    var mhCS = mh ? getComputedStyle(mh) : null;
+    d.textContent = 'env=' + rawEnv + '  final=' + i + '  standalone=' + standalone
+      + '\nscreen=' + screen.width + 'x' + screen.height + ' dpr=' + window.devicePixelRatio + ' scrollY=' + Math.round(window.scrollY)
+      + '\nmh: pos=' + (mhCS ? mhCS.position : '-') + ' pad=' + (mhCS ? Math.round(parseFloat(mhCS.paddingTop)) : '-') + ' top=' + (mr ? Math.round(mr.top) : '-') + ' h=' + (mr ? Math.round(mr.height) : '-')
+      + '\nchrome/profile top=' + (pr ? Math.round(pr.top) : '-') + ' body.pt=' + Math.round(parseFloat(getComputedStyle(document.body).paddingTop));
   }
   if (document.body) apply(); else document.addEventListener('DOMContentLoaded', apply);