aemsites / stericycle-shared

Edge Delivery Service Site for Stericycle sites
https://www.shredit.com, https://www.stericycle.com
Apache License 2.0
0 stars 0 forks source link

Header - Request A Quote Button Rendering #412

Open colinvlasak opened 20 hours ago

colinvlasak commented 20 hours ago

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

image

no text

image

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

Here's one with only the e showing

image

colinvlasak commented 20 hours ago

@bstopp new issues with header - CTA button on Firefox

bstopp commented 19 hours ago

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

colinvlasak commented 18 hours ago

@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 commented 18 hours ago

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

colinvlasak commented 18 hours ago

@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 commented 18 hours ago

Can you check in an incognito window?

colinvlasak commented 18 hours ago

@bstopp still glitchy on Firefox using Private Browsing

bstopp commented 18 hours ago

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

colinvlasak commented 17 hours ago

@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 commented 17 hours ago

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.