Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DropDown] ui simple dropdown does not work on mobiles #6465

Open
ReactGirl opened this issue Jul 4, 2018 · 10 comments
Open

[DropDown] ui simple dropdown does not work on mobiles #6465

ReactGirl opened this issue Jul 4, 2018 · 10 comments

Comments

@ReactGirl
Copy link

ReactGirl commented Jul 4, 2018

It works on computer's browsers but IT DOES NOT WORK on Mobiles 馃摫 (Safari, Chrome).

See the link below:
https://reactgirl.github.io/portifolio/issue01.html

@ReactGirl ReactGirl changed the title [DropDown] ui simple dropdown does not work on mobile [DropDown] ui simple dropdown does not work on 馃摫 mobiles Jul 4, 2018
@ReactGirl ReactGirl changed the title [DropDown] ui simple dropdown does not work on 馃摫 mobiles [DropDown] ui simple dropdown does not work on mobiles Jul 4, 2018
@y0hami
Copy link
Member

y0hami commented Jul 5, 2018

This seems to work in Chrome on Android but doesn't in Chrome or Safari on iOS.

@the-simian
Copy link

I wanted to add some information here that might help
The clearest and most obvious bug I am seeing is the fact that the cursor in the selectbox input basically 'floats away' when you scroll as if its anchored to a hidden scrolling element and not to the input. So here is what I know

image
You see here when the select box contents are scrolled the flashing cursor also scrolls vertically.

The semantic ui dropdown is confirmed as working as expected on the following

  • the IOS simulator inside of Xcode
  • an Ipad running safari
  • All browsers I tested (even IE)

it DOES NOT CORRECTLY work on

  • Iphone 7, Iphone 7 plus

@the-simian
Copy link

the-simian commented Sep 12, 2018

@hammy2899 I will post as a seperate issue In case I am not seeing the same problems as the original poster We are being forced to go with a native component on IOS only to move forward

@y0hami
Copy link
Member

y0hami commented Sep 12, 2018

@the-simian This issue is for basic dropdowns, as far as I'm aware your issue is with a searchable dropdown am I correct? If I am you should create a new issue.

@the-simian
Copy link

the-simian commented Sep 12, 2018

@hammy I've submitted the issue here.
#6575

I'll post some sample code as well, and thank you for the quick reply

@idanstark42
Copy link

Is there anything new with this? This is coming up for my project.

@ReactGirl
Copy link
Author

A thing Semantic Framework is dead.

@idanstark42
Copy link

idanstark42 commented Feb 18, 2020

How come? It's still very much in use

@GammaGames
Copy link
Contributor

Hasn't been updated since October 2018. In March 2018 @jlukic said:

SUI is used in production for many large apps, and will continue to receive patch/release updates about every month or so at a pace that is reasonable.

He did follow through with that goal until October when 2.8 was released and he disappeared again. fomantic/Fomantic-UI has been active since at least June 2018 and are still doing regular releases and planning for the future of the framework.
If Semantic works for you then you can keep using it mostly fine, but if you want new features (calendar, slider, toasts, updated icons, emojis) or bug fixes that have been outstanding on this repo for some time then I would highly recommend you transition to Fomantic. It can be a drop in replacement, from my experience.

@idanstark42
Copy link

Thank you, I will look into it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants