Menu
iOS 15 leads to content being hidden under the address bar when the virtual keyboard is active. A bug report can be found here. To see the problem, run the snippet in full size on an iPhone with iOS 15 with the address bar on the bottom and press the input field. Alternatively check out this codepen
How can I show the input field when the keyboard is active? I've tried setting padding to safe-area-inset-bottom with no luck.
.container {
display: flex;
height: 100vh;
}
.input-bottom {
align-self: flex-end;
}<div class="container">
<div class="input-bottom">
<input /><button>Post</button>
</div>
</div>
511
MacRumors shed some light on why Apple moved this everyday feature. "Controls are brought to the bottom of the screen so that they are easier to reach with one hand," the tech blog reads. By moving the search bar down, it also clears up space and allows users to focus more on the webpage's content.
One of Apple's new iOS 15 features for the iPhone is the option to move the Safari search bar to the bottom of the screen. Whether you have a new iPhone 13 or you're still rocking an iPhone 7 (no shame!), having the search and address bar at the bottom can help with one-handed navigation.
Apple has updated Safari’s design in the latest iOS 15 beta (Developer Beta 6), making the address bar look and act more like what users are used to and giving you the option to put it at either the top or bottom of the screen.
One of the hidden features of iOS 15 includes temporary iCloud Storage for transferring data. Now when you buy a new iPhone and use iCloud backup to move data, iCloud will detect that you are low on cloud storage and grant you as much storage as you need to complete the backup proceed.
When you open Safari after updating to iOS 15, the first thing you'll probably notice is that the address bar is now at the bottom of your screen. It's a design change that's supposed to make using Safari easier and more accessible, especially on larger iPhone screens.
MacStories founder and podcaster Federico Viticci has posted screenshots of the new design on Twitter, showing off the changes. If the user chooses to have the address bar on the bottom, it sits above a row of controls, including back and forward buttons, a share button, and the tab button.
The bug is now fixed in iOS 15.1
157
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
