<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Feature request: Allow websites to always show bottom navigation bar on mobile iOS"
href="https://bugs.webkit.org/show_bug.cgi?id=158731">158731</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Feature request: Allow websites to always show bottom navigation bar on mobile iOS
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 9.3
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Platform
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>craig+webkit@craigfrancis.co.uk
</td>
</tr></table>
<p>
<div>
<pre>Can we have the opposite of `<meta name="viewport" content="minimal-ui">`?
Websites which have their navigation bar at the bottom of the page (for easier touch access), whenever the browsers bottom navigation bar is hidden, touch events cause the browsers bottom navigation bar to appear first (so you effectively need to double tap the link you want to visit).
It would be best just to keep the browsers UI always visible for these websites.
The current solution is to create a wrapper div with overflow: auto, so the main page does not scroll (the browsers navigation bar then remains visible). But this causes problems when the page reloads (e.g. while it's a background tab), as the scroll position is lost. Likewise if you touch at the top of the window, it does not automatically scroll to the top of the page.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>