editable webView getting scrolled to top by itself

Question

I have some text displayed in an editable webView. As soon as I scroll it down and touch somewhere to edit the rendered text, it scrolls to the top itself and the keyboard appears and hence I have to scroll it down again for editing. Is there a way to prevent webView from doing that?

Answer 1

Got the same problem and still looking for normal solution of this weird behavior. We still cannot prevent UIWebView from doing this, and if you look at Evernote application on iPad, you'll see the same issue there, unfortunately :( The only thing we could do on this is to save contentOffset of UIWebView when keyboard is shown and restore if after keyboard is opened.

This will look like:

//register your controller for keyboard notifications
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWasShown:) UIKeyboardDidShowNotification object:nil];

Then you will need to handle keyboard notification like:

- (void)keyboardWillShow:(NSNotification *)aNotification {

// scroll view will scroll to beginning, but we save current offset
[_yourViewWithWebView saveOffset];
    ...
}

After that you will need to handle event when keyboard was shown:

- (void)keyboardWasShown:(NSNotification*)aNotification{
...
// scroll view scrolled to beginning, but we restore previous offset
[_yourViewWithWebView restoreOffset];
}

Accordingly in your view which contains UIWebView you'll need to implement:

static CGPoint editableWebViewOffsetPoint;

- (void) saveOffset{
    editableWebViewOffsetPoint = yourWebView.scrollView.contentOffset;
}

- (void) restoreOffset{
    //just use animation block to have scroll animated after jumping to top and back to old position
    [UIView animateWithDuration:.2
            delay:0
            options:UIViewAnimationOptionCurveEaseIn
            animations:^{
                yourWebView.scrollView.contentOffset = editableWebViewOffsetPoint;
            }
            completion:nil];

}

---

Hope in general this will help you to solve your problem at least partially.

If someone will help us to prevent UIWebView scrolling to top each time keyboard is displayed, I'd appreciate this deeply.

UIWebView.scrollView.scrollsToTop = NO; does not help.

Disabling scrolling before showing keyboard and enabling it after keyboard is displayed also didn't work.

Also in future you will face problem with editing text when cursor is not in visible area of UIWebView - and it does not scroll itself automatically to make cursor visible. We have solved that problem, but I am in progress of creating detailed and readable tutorial of how we've done this. If you already solved this problem, I'd appreciate to look at your solution :)

PS: http://www.cocoanetics.com/2011/01/uiwebview-must-die/

Thank you, Sergey N.