Add window checks to prevent errors in server-side rendering for dropdown positioning and countdown updates

spaansba · spaansba · commit 18a2ae53ca49 · 2025-08-02T17:58:52.000+02:00
diff --git a/packages/js.foresight-devtools/src/lit-entry/control-panel/dropdown/base-dropdown.ts b/packages/js.foresight-devtools/src/lit-entry/control-panel/dropdown/base-dropdown.ts
@@ -173,6 +173,10 @@ export abstract class BaseDropdown extends LitElement {
   }
 
   protected _positionDropdown() {
+    if (typeof window === 'undefined') {
+      return
+    }
+
     const triggerButton = this.shadowRoot?.querySelector(".trigger-button") as HTMLElement
     const dropdownMenu = this.shadowRoot?.querySelector(".dropdown-menu") as HTMLElement
 
diff --git a/packages/js.foresight-devtools/src/lit-entry/control-panel/element-tab/reactivate-countdown.ts b/packages/js.foresight-devtools/src/lit-entry/control-panel/element-tab/reactivate-countdown.ts
@@ -129,7 +129,7 @@ export class ReactivateCountdown extends LitElement {
 
     updateCountdown()
 
-    if (this.remainingTime > 0) {
+    if (this.remainingTime > 0 && typeof window !== "undefined") {
       this.intervalId = window.setInterval(updateCountdown, 100)
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -173,6 +173,10 @@ export abstract class BaseDropdown extends LitElement {`
`173`	`173`	`}`
`174`	`174`
`175`	`175`	`protected _positionDropdown() {`
	`176`	`+ if (typeof window === 'undefined') {`
	`177`	`+ return`
	`178`	`+ }`
	`179`	`+`
`176`	`180`	`const triggerButton = this.shadowRoot?.querySelector(".trigger-button") as HTMLElement`
`177`	`181`	`const dropdownMenu = this.shadowRoot?.querySelector(".dropdown-menu") as HTMLElement`
`178`	`182`
Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ export class ReactivateCountdown extends LitElement {`
`129`	`129`
`130`	`130`	`updateCountdown()`
`131`	`131`
`132`		`- if (this.remainingTime > 0) {`
	`132`	`+ if (this.remainingTime > 0 && typeof window !== "undefined") {`
`133`	`133`	`this.intervalId = window.setInterval(updateCountdown, 100)`
`134`	`134`	`}`
`135`	`135`	`}`