-
-
Notifications
You must be signed in to change notification settings - Fork 337
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’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[iOS] Sidebar touch event breaks layout #2449
Comments
Seems to be happening since Safari 13.1 on iOS only, which seems to allow drag-resizing of single website components, which in turn is not intended for the sidebar. 😞 |
Nice analysis, do you think there is a fix for this? |
There is a workaround: preventing the default behavior on touch prevents this behavior in ios 13.1+ $('.sidebar').on("touchmove",function(event){
event.preventDefault();
}); See I tagged this for help-wanted |
i think i found a proper css only solution 🙂 : .ui.sidebar {
touch-action: pan-y;
} I am just not quite sure if this should be the default as it would prevent other possibly wanted touch gestures |
Might be fixed by #2451 but i am not sure if we should really merge it |
That fix sorts out the draggable on the sidebar element, but it still doesn't "slide back" the pushed content, it hovers it. Because of that, still don't know if it's fixable or to close the issue. But thanks! |
Bug Report
Hi,
I've been making an app and noticed, only on iOS apparently (Safari works), the sidebar on my project when I touch/drag it back brings the pusher div over and breaks the layout.
I went over and noticed it also happens on the official website, so it's not any personal coding interference.
Steps to reproduce
Expected result
Expect it to bring back the pushed div over to where the sidebar is, default behaviour elsewhere.
Actual result
GIF:
Latest version of fomantic-ui or semantic-ui
The text was updated successfully, but these errors were encountered: