@csallen I've been getting a bit frustrated with the popup on mobile.
@csallen I've been getting a bit frustrated with the popup on mobile. Specifically the lack of using native scroller handling and other weirdness with input boxes.
I wanted to show you an alternative approach. See an example of it working here:
I don't use frameworks except jQuery. Hopefully you can reverse engineer it from the above page and the snippets of code below.
This will allow you to have a popup system that fully embraces native scrolling on all platforms.
The code below is not everything but it's the basic concepts to make it work:
Hope this is useful!
Trending on Indie Hackers
I'm also frustrated with this newer style post on desktop. I just opened it and keyboard-based scrolling doesn't work.
The nature of the bug has changed—for a time scrolling worked until I upvoted or downvoted a comment and then it broke; now it's broken upon page load but works after I upvote or downvote. Of course on posts like this one, no comment voting chevrons are visible without somehow scrolling down...
It's also frustrating that the top nav is gone and that stray clicks way to the left side of the screen take you to the author's profile.
What is it about these modals that's so valuable to be worth breaking basic accessibility features that all web pages have by default? I love the site, so I still use it (more than I should, given my repetitive stress injuries). But I just don't understand what's motivating these changes.
The post modal currently does use native scrolling. We don't have any JS scrolling plugins, etc. What mobile OS are you on? What bugs and weirdness are you seeing?
@csallen When I say popup I mean most things that I click into on IH like this thread right now, seems to be in some kind of scrolling div.
THIS is what I mean right here (on mobile) the way it scrolls on top of the background. There is zero physics on mobile and input problems.
Screen shot of what I'm talking about:
https://www.dropbox.com/s/b155qbb2o3irriz/Screenshot 2019-02-06 20.40.46.png?dl=0
iOS iPhone XS Max - For any popup on indi hackers there is no scrolling physics. So it just comes to a dead stop when the finger is taken off the screen (which is quite a jarring ux).
Also in input boxes (textarea) there is scrolling weirdness where it is not possible to scroll an input box that didn't auto expand but that has more text outside of the overflow area.
The scrolling stopping when you take your finger off the screen is an iOS-specific issue that I fixed last week. Just tested it on my iPhone and it seems work just fine. What version of iOS are you on? Perhaps my fix isn't working for your version.
Not sure what you mean about input boxes. It sounds like you've found an input box that doesn't auto-expand. Which input box is that?
testing
Aha! It works! Great job :)
Posting this from my iPhone. Edit: Got it, I can reproduce the bug 👌
Phew I was just about to install an iPhon app to take a scree recording!
This comment was deleted 7 years ago.
4th reply still broken
Third reply breaks it again
And when I post a second reply it fixes it. What the...
Hmm no when I post a reply it breaks scrolling .