react-sticky icon indicating copy to clipboard operation
react-sticky copied to clipboard

Change Sticky width on @media screen and min-width

Open ninigix opened this issue 8 years ago • 2 comments

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?

ninigix avatar Mar 27 '17 16:03 ninigix

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.

maecapozzi avatar Feb 22 '18 20:02 maecapozzi

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!

vcarl avatar Mar 07 '18 14:03 vcarl