Scrolling on Activities with Text Fields

[apoh3]

No description provided.

[apoh3]

Currently, when the player needs to input text such as there user name and password, the keyboard pops up covering the app. Rather, if the keyboard appears, the app should slide up so that all is still visible. Below is an example how this should look.

[apoh3]

MAIN ACTIVITY:

There is only one text field (game pin) and the keyboard never covers this.

LOGIN ACTIVITY:

Original:

Keyboard opened:

Original:

Keyboard opened:

Keyboard opened & error displayed:

[apoh3]

GAME ACTIVITY:

Example 1: state only includes text
Original:

Keyboard opened:

Example 2: state includes text and image
Original:

Keyboard opened:

Keyboard closed:

[apoh3]

Still working on the below:

Image state and text transition:
When no keyboard, Clear and Submit buttons should be at same location as the other transition fragments. When keyboard is visible, space under these buttons should shrink.

[apoh3]

No keyboard: clear and submit buttons are at same location as other fragments

Keyboard: padding under clear and submit buttons is decreased

[apoh3]

Testing Scenarios

The following scenarios should be tested and successfully pass for this issue to be marked complete and closed.

Scenario 1

This scenario tests screen scrolling and scrunching for the game pin activity text field.

Steps for testing

1. Tap the game pin text entry field on the game pin activity. The keyboard should be visible. No content should be hidden by the keyboard or slide out of view.

Expected behavior
When the player focuses (i.e. taps) the game pin text entry field, a keyboard should appear below. No scrolling or scrunching should happen for this activity.

Screenshots

---

Scenario 2

This scenario tests screen scrolling and scrunching for login activity text fields.

Steps for testing (continuation of scenario 1)

1. Enter Game Pin 11 and select Enter Game.
2. Tap the name text entry field on name tab. The keyboard should be visible. The content of the activity should slide up to remain visible to the user (see screenshot 2).
3. Close the keyboard. The content of the activity should slide back down (see screenshot 1).
4. Select the account tab.
5. Tap the username text entry field. The keyboard should be visible. The content of the activity should slide up to remain visible to the user.
6. Tap the password text entry field. The keyboard should still be visible and the content of the activity still slid up.
7. Close the keyboard. The content of the activity should slide back down.

Expected behavior
When the player focuses (i.e. taps) the text entry field, a keyboard should appear below. All elements of the UI should remain visible.

Screenshots
Before tapping/focusing:

After tapping/focusing:

---

Scenario 3

This scenario tests screen scrolling and scrunching for game activity text fields.

Steps for testing (continuation of scenario 2)

1. Go back to the name tab and enter any name of your choosing. Select Join Game (and select Yes in confirmation dialog).
2. Choose any Team and Player combo that you have not selected before under this game pin and name within the past 24 hours and select Join Team (and select Yes in confirmation dialog).
3. Push any button other than blue.
4. Push green.
5. Push red.
6. The state should read, "This is the final question. …" Tap the answer text entry field. The keyboard should be visible. The content of the activity should slide up to remain visible to the user (are clear and submit buttons are still visible?). See screenshots 1 and 2.
7. Close the keyboard. The content of the activity should slide back down.

Expected behavior
When the player focuses (i.e. taps) the text entry field, a keyboard should appear below. All elements of the UI should remain visible.

Screenshots
Before tapping/focusing:

After tapping/focusing:

---

Additional context

n/a