News for hackers. Stuff that matters.
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by simplify on Monday June 25, 2018 @11:18AM (#17393053)
"Pure CSS" is a term that implies there is no JavaScript involved. I suggest rewording the readme so it doesn't confuse.
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by egfx on Monday June 25, 2018 @12:50PM (#17393809)
Why does everything as simple as this need to be a React project these days? It would be so much better if it was pure vanilla CSS or a Pen.
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by zzarcon on Tuesday June 26, 2018 @12:16AM (#17397818)
I guess it doesn't have to be a React component, you are right. But just by doing so you get a lot of things for free and makes it easier for people to start using it, like, you just install it, require it, and you are good to go... that was the motivation beyond using React for it
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by solidr53 on Monday June 25, 2018 @10:10AM (#17392538)
Doesn't work all the time, you should use IntersectionObserver or ResizeObserver etc.

Edit: I'll rephrase my question, why does the Hacker News Frontpage include stories with zero comments and 1 point?

Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by brazzledazzle on Monday June 25, 2018 @10:45AM (#17392791)
I think we should aim to be more constructive on showHNs.
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by zzarcon on Tuesday June 26, 2018 @12:18AM (#17397824)
Can you elaborate why we should use IntersectionObserver/ResizeObserver?

Currently there is no logic in place to do the calculation and detect if there is more available content or not, so I'm 100% sure if understand the issue

Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by teo4oro on Monday June 25, 2018 @10:43AM (#17392777)
Was thinking the same thing.
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by monkeynotes on Monday June 25, 2018 @11:23AM (#17393096)
Why not use some box-shadow so it looks like a shadow rather than a line?
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by err4nt on Monday June 25, 2018 @02:43PM (#17394653)
I've got a plugin[1] I use for something similar when it's a horizontal scrollable area. Scroll the boxes in the demo[2] to see the shadows appear/disappear when there is overflowed text on the left or right edge!

1: https://github.com/tomhodgins/jsincss-overflow

2: https://tomhodgins.github.io/jsincss-overflow/test/

Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by zzarcon on Tuesday June 26, 2018 @12:20AM (#17397833)
That's pretty neat! thanks for sharing
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by danielrw7 on Monday June 25, 2018 @01:51PM (#17394268)
Both the "react-scroll-shadow" link on the left of the demo and the github cat link to https://github.com/zzarcon/react-circle
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by zzarcon on Monday June 25, 2018 @09:52PM (#17397333)
Oh sorry about, I copied that from a previous project I did, just published a fix for that. Thanks!
Re:Show HN: ReactScrollShadow – CSS shadow to indicate scrol... by erikpukinskis on Monday June 25, 2018 @10:00PM (#17397358)
I don’t get it. Can someone explain?