search

abouolia / sticky-sidebar

😎 Pure JavaScript tool for making smart and high performance sticky sidebar.
https://abouolia.github.io/sticky-sidebar/
MIT License
2.23k stars 487 forks source link

Problem with specific Shopify template using Sticky Sidebar not resizing #85

Open jimmyfisher opened 6 years ago

jimmyfisher commented 6 years ago

Hey there,

I'm using a Shopify template called Mogo that utilizes Sticky Sidebar for its product pages.

Having an interesting issue that I'm hoping is a quick-fix, but neither myself nor the developer of the Shopify theme I'm using can figure out how to fix. I see there's something called 'resize' on the website, but I'm not familiar enough w/ JS to get this sorted.

Please view the issue I'm seeing specifically in Safari at the following link: https://mogo10.myshopify.com/products/xiaomi-mi-bluetooth-speaker-2?variant=36543163659

Follow these steps: 1) Scroll down so the sticky activates on the right side 2) Click the 'Reviews' tab and then click 'Write a Review' 3) Scroll down to see the error (the box itself doesn't resize, so the form is covered by all other elements)

Before: https://snag.gy/hTKsqU.jpg

After w/ error: https://snag.gy/ZqG0lf.jpg

What it's supposed to do (in Chrome is does...): 01: https://snag.gy/BziV6S.jpg 02 (scrolled down a little0: https://snag.gy/MZfDVi.jpg

I'm hoping there's some line of script I can add/modify to get this to work in Safari without a problem.

Thanks, Jimmy

jimmyfisher commented 6 years ago

Any ideas? I'm still trying to troubleshoot as I develop this site.

Thanks!