Add IOS Navigation Gestures

home-assistant / ui-schema

A schema to define a user interface for Home Assistant.

Apache License 2.0

41 stars 6 forks source link

Add IOS Navigation Gestures #204

Closed ghost closed 5 years ago

ghost commented 5 years ago

@NovapaX commented on Feb 26, 2018, 12:03 PM UTC:

In iOS safari:

Swipe from the edge of the screen is the back-gesture. So it does not work to open the menu.
Need scroll all the way to the top of the page to 'uncondense' the header to show the menu button.

When adding hass as a web-app to the homescreen on iOS:

Swipe to open the menu works, but the back-gesture is gone and no navigation buttons are displayed. So the only way to close the more-info is to reach all the way up.

This issue was moved by zsarnett from home-assistant/home-assistant-polymer#931.

ghost commented 5 years ago

@balloob commented on Feb 26, 2018, 7:50 PM UTC:

If you have multiple views, you can tap the current tab to scroll to the top.

ghost commented 5 years ago

@balloob commented on Feb 26, 2018, 7:50 PM UTC:

I also thought that iOS is very heavy on having close buttons on the top of the screen?

ghost commented 5 years ago

@NovapaX commented on Feb 27, 2018, 9:13 AM UTC:

Yes, but therefore it is also quite heavy on the gestures. But maybe the last point is the 'worst'. (closing the more-info is a frequent action), and without the back gesture or a dismiss or back button at the bottom it is a far reach.

Will do some research, but as this is pretty low priority I'll probably revisit this once iOS 11.3 comes out and do an optimization to PWA and webapp-manifest... (not planning on doing testing and optimization twice in a short period ;) see: https://medium.com/@firt/pwas-are-coming-to-ios-11-3-cupertino-we-have-a-problem-2ff49fd7d6ea

ghost commented 5 years ago

@balloob commented on Feb 27, 2018, 9:32 AM UTC:

Actually, I've included a "back" hack so that you can swipe from the left to go back in the browser to close the more info. That's why the Android back button works 👍

ghost commented 5 years ago

@NovapaX commented on Feb 27, 2018, 9:34 AM UTC:

yes, I know... But the navigation gestures do not work when it is added as a webapp in 'standalone' mode (so without the safari interface elements)

ghost commented 5 years ago

This issue was moved by iantrich to home-assistant/home-assistant-polymer#3925.