Live data from Hacker News

Show HN: ReactScrollShadow – CSS shadow to indicate scrollable area

github.com

11–14 of 14 posts

Re: Show HN: ReactScrollShadow – CSS shadow to indicate scrollable area

#12
post #7

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.

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 scrollable area

#13
post #2

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?

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 scrollable area

#14
post #9

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/

That's pretty neat! thanks for sharing
Post reply on HN