graceful silo
On mobile, I have two radio inputs using segmented control. They are stacked on-top of each other.
When clicking one of the radio input cards, the browser jumps to top the card. Is there any way to
a) make this smoother
or
b) prevent the browser (chrome, ff, safari etc) from jumping?
have tried a few quick css fixes but nothing solid across all browsers.
hollow obsidian
On mobile, I have two radio inputs using segmented control. They are stacked on-...
Could you share a codesandbox for this? I think I kinda understand what you mean but not sure how to acheive it
graceful silo
Could you share a codesandbox for this? I think I kinda understand what you mean...
will get something up today for you
hollow obsidian
Dope, feel free to tag me whenever
graceful silo
can't lift direct code from issue i am facing as its private, but i'll replicate it best I can.
graceful silo
Could you share a codesandbox for this? I think I kinda understand what you mean...
lmk if u can see that ok
so if u click bottom one & scroll to bottom, then click top one, it jumps.
using styles API, i stuck input: '!h-full !w-full' and this fixed it for firefox & safari, but not chrome.
hollow obsidian
I don't have the issue you described on my phone. iOS 18 chrome browser
graceful silo
i am using mobile dev tools
hollow obsidian
Could you create a screen recording maybe?
graceful silo
Could you create a screen recording maybe?
recording attached ^
hollow obsidian
recording attached ^
Interesting, I see it now
hollow obsidian
I think that may just be default browser behavior.. To jump to the input you are focussing
graceful silo
I think that may just be default browser behavior.. To jump to the input you are...
is there anyway we can stop this happening, do you know?
display: none on the input works, but breaks accessibility for using tab