Hacker News Reader

Comment by sheeshkebab | Hacker News Reader

This doesn't work well on mobile - on iOS at least... scrolling is funny, flickering screens, jerky inputs. Loading feels slow too - and I'm on wifi.

View on HN

Author of SUI here. There's some weird JS flickering occurring on the homepage in iOS.

Not an issue with the library (other pages besides homepage are fine), probably an issue with the gradient animation at the top of the homepage. I'll try to add a fix.

On S7 / Chrome, animations like accordion and message dismissal all lag heavily.

Here I am, using a phone more powerful than my desktop, and basic UI elements are still lagging.

Don't get me wrong - the project looks nice and solves problems in its domain, but I still feel we've made a seriously wrong turn somewhere that made us end up with UIs on the web...

The worst site I visited the last 7days (iOS). A lot of things broken, flickering, broken scrolling, overlapping things, slow, laggy, buggy. Do you even test for mobile?

Why is this on HN frontpage?

Because its an otherwise very useful and good looking CSS library.

Trying to tell me a big comprehensive CSS library breaking mobile devices in 2017 is useful is like trying to sell me a car that can't drive on pavement.

If your site needs good mobile support, don't use it I guess, but I have never had any issues on my low end Alcatel Pixi 4.

It feels like they added their own smooth scrolling in. I barely scrolled and it shot to the bottom of the page in iOS.

Gosh that irritates me - does that mean that the "tap just above the clock to return to top" doesn't work?

Edit: just checked, and yes it does. Also breaks the pattern where iOS shrinks the address bar and navigation bar when you scroll down. Completely unacceptable for a UI library to break these OS-level patterns

What would you expect from a library that encourages people to use any tag for a button?

> tap just above the clock to return to to

Didn't know about that. Thanks!

Author here.

Fixed the scroll issue in the docs. Should be glorious normal iOS scroll.

Websites implementing their own scroll behavior irritates me to no end. Scrolling is implemented pretty damn perfectly in every browser and OS I use. I really would love to have someone explain why they feel they need to tinker with it. In addition even if it's not broken it makes the website feel off because you are expecting a certain behavior and it's just somehow different and makes me feel even a little sick to my stomach. Similarly to narrow FOV in a game.

Also pretty spotty animations and such on Safari Tech Preview (#27) for me. Also, the "Intuitive Javascript" demo doesn't really work intuitively. It shows a scrollable box the size of one item—it doesn't drop down and you cannot see multiple items at once to select many in the "select multiple" example.

That one confused me, I thought "It's not working" but you actually have to press "Run Code" just above the snippet.

Rather atypical for this kind of showcase.

Better than the scrolling I had on iOS which was shaking up and down as it was semi scrolling. Thought I had one too many drinks.

The ever-useful "Request Desktop Site" fixes the site on iOS.

Nor with JavaScript disabled. I'm actually trying to figure out what it actually is.

Reply on news.ycombinator.com