Merge pull request #110 from Travelopia/fix/image-height-issue

junaid-travelopia · web-flow · commit b649bb876e2c · 2025-04-07T08:25:18.000+10:00
Added Set time out for update height function.
diff --git a/src/slider/tp-slider.ts b/src/slider/tp-slider.ts
@@ -319,7 +319,9 @@ export class TPSliderElement extends HTMLElement {
 		}
 
 		// First, update the height.
-		this.updateHeight();
+
+		// Yield to main thread to fix a bug in Safari 16.
+		setTimeout( () => this.updateHeight(), 0 );
 
 		// Now lets slide!
 		const behaviour: string = this.getAttribute( 'behaviour' ) || '';

Original file line number	Diff line number	Diff line change
`@@ -319,7 +319,9 @@ export class TPSliderElement extends HTMLElement {`
`319`	`319`	`}`
`320`	`320`
`321`	`321`	`// First, update the height.`
`322`		`- this.updateHeight();`
	`322`	`+`
	`323`	`+ // Yield to main thread to fix a bug in Safari 16.`
	`324`	`+ setTimeout( () => this.updateHeight(), 0 );`
`323`	`325`
`324`	`326`	`// Now lets slide!`
`325`	`327`	`const behaviour: string = this.getAttribute( 'behaviour' ) \|\| '';`