Header - Request A Quote Button Rendering

[colinvlasak]

There are some weird issues occurring with the Request A Quote button rendering on firefox. Depending on how you engage with the nav (Click, hover, etc. ) it seems to impact the rendering of the request a quote button.

Half cut-off

no text

Also saw another variation where the e the the end of quote was cut off.

Here's one with only the e showing

[colinvlasak]

@bstopp new issues with header - CTA button on Firefox

[bstopp]

I can't verify that any of these are broken. I do not get this experience in any view port on FireFox

[colinvlasak]

@bstopp it doesn't load with those issues. You have to click, hover, and scroll around the nav a bit. As you do the issues start appearing. As you hover over different links in the nav on Firefox (from one to another), the Request A Quote text fades in and out, gets cropped, disappears, re-appears, etc.

This is the most important button in our header and needs to function perfectly at all times.

[bstopp]

You'll have to provide a screen recording or something - I cannot recreate this issue.

[colinvlasak]

@bstopp see screen recording

https://github.com/user-attachments/assets/2a33ff28-f8cc-4980-9037-1d51b0df6492

10-16 seconds you can see the button text glitching on and off in a number of different ways

[bstopp]

Can you check in an incognito window?

[colinvlasak]

@bstopp still glitchy on Firefox using Private Browsing

[bstopp]

Can you try this branch? https://bug-quote-button-issues--shredit--stericycle.aem.page/en-us

[colinvlasak]

@bstopp still same issues on https://bug-quote-button-issues--shredit--stericycle.aem.page/en-us

Text flickers on and off in odd patterns

[bstopp]

Ok i'm still not able to recreate the issue - so I'm going to see if i can find a windows system for testing.

I'd also like to see if you can check for updates and/or grab a full video from page load until the state starts to get broken. I think there's something i'm missing still.