Don’t Disable My UI
I recently saw another designer using
minimal-ui in his
<meta name="viewport"> declaration. And then I saw Daniel Eden explain it on Twitter, and go so far as to include it on his own website.
Adding “minimal-ui” to the viewport meta minimizes Safari’s chrome. Tap to reveal fully. E.g. pic.twitter.com/1N7RHJMZt3— Daniel Eden (@_dte) January 26, 2014
I gave it a cursory look, and included it on my next project without much thought.
It wasn’t until I started working on mobile layout that I realized something was up. Dragging the page down (i.e. scrolling toward the top) in mobile Safari normally has the behavior of revealing the chrome on the bottom of the screen, including back, forward, bookmark, and tab-switching buttons.
minimal-ui, however, this behavior was eliminated. Tapping, as suggested in the above referenced tweet, does not have any affect. The only way to reveal...
Continue reading →