api.global/typedserver
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(statuspill): wait for document.body before appending status pill when script loads before <body> is parsed; defer via DOMContentLoaded or requestAnimationFrame

Browse Source
This commit is contained in:
Jürgen Kunz
2026-03-03 21:17:44 +00:00
parent c5c45f668f
commit e290744451
3 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
changelog.md
View File

@@ -1,5 +1,12 @@
# Changelog
## 2026-03-03 - 8.4.1 - fix(statuspill)
wait for document.body before appending status pill when script loads before <body> is parsed; defer via DOMContentLoaded or requestAnimationFrame
- Guard against missing document.body to avoid errors when the script runs before the <body> is parsed
- Retry showing on DOMContentLoaded if the document is still loading
- Fallback to requestAnimationFrame to schedule the show on the next frame if DOM is already parsed
## 2026-02-24 - 8.4.0 - feat(utilityservers)
add injectReload and noCache options and enable dev features by default

2
ts/00_commitinfo_data.ts
View File

@@ -3,6 +3,6 @@
*/
export const commitinfo = {
name: '@api.global/typedserver',
version: '8.4.0',
version: '8.4.1',
description: 'A TypeScript-based project for easy serving of static files with support for live reloading, compression, and typed requests.'
}

9
ts_web_inject/typedserver_web.statuspill.ts
View File

@@ -311,6 +311,15 @@ export class TypedserverStatusPill extends LitElement {
*/
public show(): void {
if (!this.appended) {
if (!document.body) {
// Script loaded before <body> was parsed (async module) — wait for DOM
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => this.show(), { once: true });
} else {
requestAnimationFrame(() => this.show());
}
return;
}
document.body.appendChild(this);
this.appended = true;
}