/    Sign up×
Community /Pin to ProfileBookmark

iPhone and or Mobile Search with options

Copy linkTweet thisAlerts:
Mar 28.2022

Hello Folks,

I’ve got a input box on my website which allows people to search for items. It’s not a submit form, more a filter with options being presented based on the content entered.

it works well on desktop display but on mobile it’s a bad UX. The input is currently in the middle of my screen and the dropdown floats below that. which is below my mobile on screen keyboard.

I’m currently thinking about an onfocus event where I move the input to the top of the screen and showing results below this. But to achieve this I need to remove my section snapping which I didn’t want to do.

Is there another way of doing this? What is best practice. Is there a cool feature I’ve not heard of?

to post a comment
HTMLJavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@singaporeDudeauthorMar 28.2022 — To keep snapping. I could move my input when onfocus is active to the top of my screen and population options below this and above my keyboard?
×

Success!

Help @singaporeDude spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.26,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ,
analytics: Fullres
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Marika,
tipped: article
amount: 1000 SATS,

tipper: @hatem774,
tipped: article
amount: 1 SATS,

tipper: @nearjob,
tipped: article
amount: 1000 SATS,
)...