# Marquee components error

**URL:** <https://forum.finsweet.com/t/marquee-components-error/4241>\
**Category:** Finsweet Components\
**Created:** [February 10, 2025, 9:39am UTC](https://forum.finsweet.com/t/marquee-components-error/4241 "2025-02-10T09:39:14Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![joseph.bongrand](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/joseph.bongrand/32/2145_2.png) [@joseph.bongrand](https://forum.finsweet.com/u/joseph.bongrand)\
**Post date:** [February 10, 2025, 9:39am UTC](https://forum.finsweet.com/t/marquee-components-error/4241/1 "2025-02-10T09:39:14Z")

</div>

## Description

I’m getting an error in the console about the marquee:  
src-YXOTZYAP.js:7 Failed to initialize Marquee instance: stop-drop-marquee with error: Error: Invalid height value for fs-marquee-instance=“stop-drop-marquee”. If you are using Images ensure to set loading=“eager” or set a specific height value to the image element. at x.setupContent (src-YXOTZYAP.js:1:8013) at new x (src-YXOTZYAP.js:1:6993) at new O (src-YXOTZYAP.js:7:2623) at \_ (src-YXOTZYAP.js:7:5031) at init (src-YXOTZYAP.js:7:5240) at async S (fs-components.js?v=1739179822791:10:1033)

| | \_ | @ | src-YXOTZYAP.js:7 |
| --- | --- | --- | --- |
| | init | @ | src-YXOTZYAP.js:7 |
| | await in init | | |
| | S | @ | fs-components.js?v=1739179822791:10 |
| | await in S | | |
| | k | @ | fs-components.js?v=1739179822791:10 |
| | x | @ | fs-components.js?v=1739179822791:10 |

I’m not using images in this instance, just text

 ![Capture d’écran 2025-02-10 à 10.37.21](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/8/8cd7d8c313f8cd49a2ecac2c4872958ad2dfce33.jpeg)  
It should be as an overlay in this section on the asset.  
It was working previously so not sure what happened.

## Site URL

**Required:** Please provide a staging/production URL where we can see the issue

- URL: [AI Shopping Assistant](https://www.gorgias.com/wip/ai-sales-agent)

## Steps to Reproduce

Load page

## Expected Behavior

Marquee working

## Actual Behavior

Marquee not loading

## Video/Screenshots

**Required:** Please provide a short screen recording showing the issue

- Video link: [Loom/Screen recording URL]
- Screenshots (if applicable): [Upload or link to screenshots]

## Additional Context

- Browser: Chrome Version 132.0.6834.160
- Device: Macbook Pro 14"

---

<div class="post-metadata">

**Author:** ![joseph.bongrand](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/joseph.bongrand/32/2145_2.png) [@joseph.bongrand](https://forum.finsweet.com/u/joseph.bongrand)\
**Post date:** [February 10, 2025, 1:22pm UTC](https://forum.finsweet.com/t/marquee-components-error/4241/2 "2025-02-10T13:22:19Z")

</div>

cc: @Support-Luis @Support-Pedro @Support_Rohan

---

<div class="post-metadata">

**Author:** ![adilhassan](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/adilhassan/32/3735_2.png) [@adilhassan](https://forum.finsweet.com/u/adilhassan)\
**Post date:** [February 12, 2025, 11:30am UTC](https://forum.finsweet.com/t/marquee-components-error/4241/3 "2025-02-12T11:30:44Z")

</div>

> [@joseph.bongrand](#):
>
> I’m getting an error in the console about the marquee:  
> src-YXOTZYAP.js:7 Failed to initialize Marquee instance: stop-drop-marquee with error: Error: Invalid height value for fs-marquee-instance=“stop-drop-marquee”. If you are using Images ensure to set loading=“eager” or set a specific height value to the image element. at x.setupContent (src-YXOTZYAP.js:1:8013) at new x (src-YXOTZYAP.js:1:6993) at new O (src-YXOTZYAP.js:7:2623) at \_ (src-YXOTZYAP.js:7:5031) at init (src-YXOTZYAP.js:7:5240) at async S (fs-components.js?v=1739179822791:10:1033)
> 
> | | \_ | @ | src-YXOTZYAP.js:7 |
> | --- | --- | --- | --- |
> | | init | @ | src-YXOTZYAP.js:7 |
> | | await in init | | |
> | | S | @ | fs-components.js?v=1739179822791:10 |
> | | await in S | | |
> | | k | @ | fs-components.js?v=1739179822791:10 |
> | | x | @ | fs-components.js?v=1739179822791:10 |
> 
> I’m not using images in this instance, just text
> 
> ![Capture d’écran 2025-02-10 à 10.37.21](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/8/8cd7d8c313f8cd49a2ecac2c4872958ad2dfce33.jpeg)
> 
> It should be as an overlay in this section on the asset.  
> It was working previously so not sure what happened.
> 
> ## Site URL
> 
> **Required:** Please provide a staging/production URL where we can see the issue
> 
> - URL: [AI Sales Agent](https://www.gorgias.com/wip/ai-sales-agent)
> 
> ## Steps to Reproduce
> 
> Load page
> 
> ## Expected Behavior
> 
> Marquee working
> 
> ## Actual Behavior
> 
> Marquee not loading
> 
> ## Video/Screenshots
> 
> **Required:** Please provide a short screen recording showing the issue
> 
> - Video link: [Loom/Screen recording URL]
> - Screenshots (if applicable): [Upload or link to screenshots]
> 
> ## Additional Context
> 
> - Browser: Chrome Version 132.0.6834.160
> - Device: Macbook Pro 14"

It looks like the error is related to the height value not being properly set for the marquee. Since you’re not using images, try explicitly defining a height for the marquee container using CSS (e.g., min-height: 50px;). Also, check if any recent updates or changes might have affected the component’s initialization. If it was working before, reverting to a previous version or checking for conflicts in styles/scripts might help. Let me know if setting a fixed height resolves the issue!
