Toggle lists on mobile devices

Question

Toggle lists on mobile devices

mk1564 opened this issue 3 years ago · comments

Toggle lists do not look normal on mobile devices for example like below in the figure.

Alexander Wang · Answer 1 · Fri Dec 04 2020 20:08:10 GMT+0800 (China Standard Time)

It seems that you were using Safari.
Safari has a known bug that it doesn't respect flex-wrap: nowrap, the default wrapping method of flexbox, for some reasons, and I wasn't able to fix it.

Here is a new attempt: https://dragonman225.js.org/now-bugfix.html , but I don't have any devices running Safari, could you test it for me and report the result?

Min Kim · Answer 2 · Fri Dec 04 2020 23:11:48 GMT+0800 (China Standard Time)

Thanks for your reply. I still see the same bug in Safari, Chrome, and Microsoft Edge browsers in iOS mobile devices. Since I don't have Mac machine, I am not sure if this is only about iOS mobile devices or not.

Rounak Datta · Answer 3 · Fri Dec 04 2020 23:29:43 GMT+0800 (China Standard Time)

On macOS (desktop), I've verified that the toggle lists are expanding as expected on Safari, Chrome. I'll try debugging over an emulated iOS to see if the error can be reproduced.

Min Kim · Answer 4 · Sat Dec 25 2021 23:55:36 GMT+0800 (China Standard Time)

I found this morning that this issue is fixed on my iOS mobile device (Safari and Chrome).

Alexander Wang · Answer 5 · Sun Dec 26 2021 17:00:09 GMT+0800 (China Standard Time)

Great! Then I'll close this.