captivationsoftware/react-sticky

Change Sticky width on @media screen and min-width

Opened this issue · 2 comments

ninigix commented

Hello! I've been wondering how to make Sticky change width on @media screen and min-width. My code looks like that:

componentA.js

<StickyComponent>
  <A>
  ...
  </A>
</StickyComponent>

componentA.scss
@media screen and min-width

And if I remove Sticky Component, it works perfectly. But with Sticky Component the width doesn't change. How can I solve that?

maecapozzi commented

Hi @stackninigi, I know this is a bit late, but I thought it would be helpful for me to try to answer your question, especially since other people have given a 👍.

I'm still familiarizing myself with this library but think I might be able to be of assistance.

I'd love to see a real-life example of what your code looks like! I think that will help me to better answer your questions.

vcarl commented

There seem to be several quirks with how widths are handled, but I don't quite have a complete picture of what the use cases are. I'd like to poke around and try to come up with some reproductions for strange behavior, help with that would be great!