UITextField text jumps

Question

I have ViewController with 2 UITextField elements: Login and Password. I set delegate for these fields, which includes code below:

func textFieldShouldReturn(textField: UITextField) -> Bool {
    if textField === self.loginField {
        self.loginField.resignFirstResponder()
        self.passwordField.becomeFirstResponder()
        return false
    }

    return true
}

This logic should switch user from login text field to password when he presses Next button on keyboard. But I stuck with glitch: after

self.passwordField.becomeFirstResponder()

text in login field jumps to the top left corner and back. And what's more strange: this glitch reproduces only first time, then you need recreate ViewController to observe this behavior

Here is video of the glitch http://tinypic.com/player.php?v=6nsemw%3E&s=8#.VgVb3cuqpHx

I ended up with this:

func textFieldShouldReturn(textField: UITextField) -> Bool {
    if textField === self.loginField {
        self.loginField.resignFirstResponder()
        // Shitty workaround. Hi, Apple!
        self.loginField.setNeedsLayout()
        self.loginField.layoutIfNeeded()

        self.passwordField.becomeFirstResponder()
        return false
    }

    return true
}

What do you mean by the text in login field jumps to the top left corner? Can we see a screenshot? — chrisamanse, Sep 24 '15 at 15:51
http://i.piccy.info/i9/a1de3ab9cb8fa4ee64d50d250d4d69f5/1443110450/73928/953432/Simulator_Screen_Shot.jpg Text jumps to the top left corner of the textfield and then falls back — user3237732, Sep 24 '15 at 16:01
I use subclass of UITextField but changing it to UITextField itself doesn't affect glitch — user3237732, Sep 25 '15 at 14:02
Here is video of the glitch http://tinypic.com/player.php?v=6nsemw%3E&s=8#.VgVb3cuqpHx — user3237732, Sep 25 '15 at 14:36

score 52 · Answer 1 · answered Oct 25 '15 at 20:12

52

Based on some of the other ideas posted here, this is a solution that is easy to implement, works (for me) in all cases, and doesn't appear to have any side effects:

- (void)textFieldDidEndEditing:(UITextField *)textField
{
    // Workaround for the jumping text bug.
    [textField resignFirstResponder];
    [textField layoutIfNeeded];
}

This solution works both if you're going to the next field programmatically from -textFieldShouldReturn: or if the user just touches another responder.

answered Oct 25 '15 at 20:12

Dave Batton

8,795
1
46
50

2

This is really awesome and the simplest answer:) – Bartłomiej Semańczyk May 13 '16 at 11:41
This does work if the text is visible. However, if the text has secureTextEntry set to YES, it does not fix the problem. – jungledev Jun 02 '16 at 17:36
Finally! perfect fix +1 – aboodmufti Sep 21 '17 at 18:48

score 17 · Answer 2 · answered Nov 03 '15 at 15:31

17

In a UITextField subclass you can do the following:

-(BOOL)resignFirstResponder
{
    BOOL resigned = [super resignFirstResponder];
    [self layoutIfNeeded];
    return resigned;
}

The trick here is to make sure you call layoutIfNeeded after resignFirstResponder has been called.

Doing it this way is quite handy because you don't need to call resignFirstResponder in the delegate callbacks yourself as this caused me problems inside a UIScrollView, the above however doesn't :)

answered Nov 03 '15 at 15:31

liamnichols

12,419
2
43
62

Thx, this is solution for me! – dev.nikolaz Mar 23 '16 at 00:50
@iamnichols saved me. – Evgeniy Kleban Jun 26 '17 at 13:08

score 9 · Answer 3 · answered Mar 03 '17 at 11:02

9

func textFieldDidEndEditing(_ textField: UITextField) {

    textField.layoutIfNeeded()
}

answered Mar 03 '17 at 11:02

IT Gypsy

658
8
16

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value. – Donald Duck Mar 03 '17 at 12:20

score 8 · Answer 4 · answered Jan 08 '16 at 11:09

Use this code to avoid the jumping of text in UITextField.

- (BOOL) textFieldShouldReturn:(UITextField *)textField{

      if(textField == self.txtUserName){
        [self.txtEmail becomeFirstResponder];
      }
      else if (textField == self.txtEmail){
        [self.txtPassword becomeFirstResponder];
      }
      else if (textField == self.txtPassword){
        [self.txtConfirmPassword becomeFirstResponder];
      }
      else if (textField == self.txtConfirmPassword){
        [self.txtFirstName becomeFirstResponder];
      }
      else{
        [textField resignFirstResponder];
      }

   return YES;
}

- (void)textFieldDidEndEditing:(UITextField *)textField
{
   [textField resignFirstResponder];
   [textField layoutIfNeeded];
}

score 6 · Answer 5 · answered Mar 16 '17 at 09:06

6

I'm also facing the same problem. The below code is worked for me.

func textFieldDidEndEditing(_ textField: UITextField) {

    textField.layoutIfNeeded()
}

answered Mar 16 '17 at 09:06

Ramakrishna

712
8
26

score 2 · Answer 6 · answered Oct 22 '15 at 12:16

More "generic" option is to use notifications right inside your UITextField subclass:

 - (void)setupJumpingTextWorkaround {
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(forceLayout)
                                                 name:UITextFieldTextDidEndEditingNotification object:self];
}

- (void)forceLayout {
        [self setNeedsLayout];
        [self layoutIfNeeded];
    }

Do not forget to unsubscribe

score 2 · Answer 7 · edited May 23 '17 at 12:02

Based on what I understand from this:

This issue can be caused when you have layout changes or animations handled in the callbacks for keyboard will show and hide notifications (usually in cases when you want the textfield to be pushed up so the keyboard won't hide it).

Solution: I was facing this problem as I was doing layoutIfNeeded every time keyboard will show got called assuming its safe, obviously its not, so when I put a check to do that only when there is a need for changing the frames, the jump stopped.

score 0 · Answer 8 · edited Jan 02 '17 at 15:20

I don't give my text fields delegates. Instead I create an IBAction and attach it to the "Did End On Exit" event. The glitch happens with this method too, but only in iOS 9. It looks to be an OS bug.

My action looks like this:

@IBAction func textFieldAction(sender: UITextField) {
    if sender === usernameField {
        passwordField.becomeFirstResponder()
    }
}

With the above, the glitch happens, but when I do the below the glitch goes away:

@IBAction func textFieldAction(sender: UITextField) {
    if sender === usernameField {
        sender.resignFirstResponder()
        passwordField.becomeFirstResponder()
    }
}

I don't seem to need to call setNeedsLayout().

UITextField text jumps

I ended up with this:

8 Answers8

Linked