Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-23634

iOS: Toolbar on TextField doesn't hide smoothly when calling blur

    Details

    • Story Points:
      5
    • Sprint:
      2017 Sprint 02 SDK

      Description

      Setup:

      >Textfield with a Ti.UI.IOS.Toolbar with one button.
      >Click eventlistener on the button which calls .blur() on the textfield

      The keypad slides down, leaving the Toolbar at the top. When the keypad has slid off the page, only then does the Toolbar start to slide down.

      Here's a slow-mo GIF: http://i.stack.imgur.com/x2zc2.gif

      Sample code:

      Causes a noticeable flash for the user.

      <TextField id="txt_contactNumber" class="txt_inputshort">
      <KeyboardToolbar>
      <Toolbar id="numberToolbar" bottom="0">
      <Items>
      <Button id="flexSpace" systemButton="Ti.UI.iPhone.SystemButton.FLEXIBLE_SPACE" />
      <Button id="cancelContact" systemButton="Ti.UI.iPhone.SystemButton.DONE" />
      </Items>
      </Toolbar>
      </KeyboardToolbar>
      </TextField>

      $.cancelContact.addEventListener('click', function()

      { $.txt_contactNumber.blur(); }

      );

        Attachments

          Activity

            People

            • Assignee:
              vijaysingh Vijay Singh
              Reporter:
              philsmithson Phil Smithson
              Reviewer:
              Hans Knöchel
              Tester:
              Abir Mukherjee
            • Watchers:
              15 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • It looks like Backbone Issue Sync is not enabled for your project.

                  Git Source Code