iOS 5 fixed positioning and virtual keyboard

Posted by jeffc on Stack Overflow See other posts from Stack Overflow or by jeffc
Published on 2011-11-01T17:32:36Z Indexed on 2012/09/27 21:37 UTC
Read the original article Hit count: 300

Filed under:

ios5

|

position-fixed

|

virtual-keyboard

I have a mobile website which has a div pinned to the bottom of the screen via position:fixed. All works fine in iOS 5 (I'm testing on an iPod Touch) until I'm on a page with a form. When I tap into an input field and the virtual keyboard appears, suddenly the fixed position of my div is lost. The div now scrolls with the page as long as the keyboard is visible. Once I click Done to close the keyboard, the div reverts to its position at the bottom of the screen and obeys the position:fixed rule.

Has anyone else experienced this sort of behavior? Is this expected? Thanks.

© Stack Overflow or respective owner

Related posts about ios5

willRotateToInterfaceOrientation:duration: not called for iOS5 after dismissing from modal

as seen on Stack Overflow - Search for 'Stack Overflow'
My main UIViewController overrides willRotateToInterfaceOrientation:duration: to adapt the background view for the correct orientation. This works fine when staying within the view. But in my app, the result of some user actions can lead to presenting another "daughter" UIViewController. When the… >>> More
Twitter integration and iOS5: semantic and parsing issues

as seen on Stack Overflow - Search for 'Stack Overflow'
I was using some of Apple's example code to write the Twitter integration for my app. However, I get a whopping amount of errors (mostly being Semantic and parse errors). How can this be solved? -(IBAction)TWButton:(id)sender { ACAccountStore *accountstore = [[ACAccountStore alloc] init]; //Make… >>> More
iOS5: Confusion with loadview and init and instance variables

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm new to iOS5 and storyboarding. I noticed that if I declare an instance variables inside my viewcontroller .h file and set the values inside my init of .m file of my viewcontroller, whe the view of the viewcontroller is displayed, my instance variables show null inside viewDidLoad. In order for… >>> More
NSMutableArray to NSString and Passing NSString to Another View IOS5.1

as seen on Stack Overflow - Search for 'Stack Overflow'
I have an NSMutableArray of names. I want the pass the data (selected name) inside of NSMutableArray as text to another view's label. FriendsController.m: - (void)viewDidLoad { [super viewDidLoad]; arrayOfNames=[[NSMutableArray alloc] init]; arrayOfIDs=[[NSMutableArray alloc] init]; … >>> More
Hide Address bar for Xpages Mobile Web Application on Ipad (iOS5) and Mobile safari (v5.1)

as seen on Stack Overflow - Search for 'Stack Overflow'
With reference to the question I asked couple of days back, it seems to me that address bar cannot be hidden from a xpages mobile web application when it is launched from a href link. Choice is limited to href as "location.assign" or any javascript will not work on mails accessed by lotus traveller… >>> More

Related posts about position-fixed

position content relative to a fluid width element set to position:fixed

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a layout with the following requirements An image on the left side, and content on the right side. The image is pinned to the bottom left of the viewport The image does not move when the user scrolls The image resizes to 100% height of the viewport, up to it's max height. (I don't want the… >>> More
Scrollbar of DIV with position FIXED is partly hidden behind window scrollbar

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a table of contents in my page (see here) with these CSS styles: div.toc { height:38em; position:fixed; right:0; top:5em; width:21em; z-index:1; } How do I have to change these settings to make sure the DIV isn't partially hidden behind the body/window scroll bar… >>> More
HTML Table <thead> Position Fixed

as seen on Stack Overflow - Search for 'Stack Overflow'
Variations of this question have been answered, but none of which dealing with my issue. I don't know if this can be achieved or not but I thought if anyone knew they would know on here. I have a table with a thead and one row with many columns. I want the thead to remain fixed (the row is extremely… >>> More
Android Web App : Position:fixed broken?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, I'm in the process of developping a Web Application for mobiles. I went with web applications because to me it seems a winning situation having to develop one application that could run also on iPhone / Windows Mobile / Palm etc. I started testing today after a few days of doing concepts… >>> More
Preventing element from displaying on top of footer when using position:fixed

as seen on Stack Overflow - Search for 'Stack Overflow'
I'd like to use the CSS property position:fixed to fix the position of an element but at the same time prevent the element from being positioned over my footer when the user scrolls to the bottom of the page. Is there a way of stopping an element from showing over a footer in this way? >>> More