[Overscroll] Overscroll causes graphical problems with large text strings wider than their text field.



Firefox OS
Gaia::System::Window Mgmt
3 years ago
3 years ago


(Reporter: Marty, Unassigned)


Gonk (Firefox OS)

Firefox Tracking Flags

(b2g-v2.1 affected, b2g-v2.2 affected, b2g-master affected)


(Whiteboard: [2.2-Daily-Testing], URL)


(1 attachment)



3 years ago
Created attachment 8543093 [details]

If the user inputs a long text string that is wider than the text field that contains it, overscrolling will not behave correctly with that text string.

If the user is scrolling up (physically swiping their finger down), the text field will remain stationary and overlap other UI elements as they continue to overscroll and stretch below the string.

If the user is scrolling down (physically swiping their finger up), the text will scroll up at a different rate than the other UI elements, will not stretch, and will be cut-off by white space above the string as it moves up.

Note: This issue specifically affects recently edited text strings.  For example, If the user opens an existing Contact to Edit, any existing long text strings will not demonstrate this behavior until they have been selected and modified.

This issue has been found in text fields found in the following locations:
-Contacts > Create/Edit Contact screen
-Email > Manual Account Settings
-Calendar > Create/Edit Event

Repro Steps:
1) Update a Flame device to BuildID: 20141231010205
2) Open the Contacts app and tap the '+' icon to create a new icon.
3) Clear out the Birthday, Address, and Comment fields by tapping the respective 'X' icons.
4) Enter a long string into the Email field that is wider than the text field itself.
5) Dismiss the keyboard, and overscroll both up and down.
The Email Address string will show graphical problems when overscrolling.
The Email Address will show the proper overscroll effect with the other UI elements.
Environmental Variables:
Device: Flame 2.2 Master (319mb)(Kitkat Base)(Full Flash)
BuildID: 20141231010205
Gaia: 26d479f0fccb7174e06255121e4e938c1b280d67
Gecko: 88037f94b7d7
Gonk: a814b2e2dfdda7140cb3a357617dc4fbb1435e76
Version: 37.0a1 (2.2 Master)
Firmware: V18D
User Agent: Mozilla/5.0 (Mobile; rv:37.0) Gecko/37.0 Firefox/37.0
Repro frequency:  6/6
See attached: logcat, video clip


3 years ago
QA Whiteboard: [QAnalyst-Triage?]
Flags: needinfo?(pbylenga)

Comment 1

3 years ago
This issue occurs on both v18D and v188-1 bases.

This issue DOES occur on Flame 2.1
Overscrolling a large text string causes graphics problems.

Environmental Variables:
Device: Flame 2.1 (319mb)(Kitkat Base)(Full Flash)
BuildID: 20141231001232
Gaia: 73be51f998031f06db0cd660c0e388fa621c9f4c
Gecko: ea426e47bfc4
Gonk: a814b2e2dfdda7140cb3a357617dc4fbb1435e76
Version: 34.0 (2.1)
Firmware: V18D
User Agent: Mozilla/5.0 (Mobile; rv:34.0) Gecko/34.0 Firefox/34.0


The overscroll feature was not enabled by default in Flame 2.0
status-b2g-v2.1: --- → affected
Low visibility, not going to nominate blocking release, also not a regression.
QA Whiteboard: [QAnalyst-Triage?] → [QAnalyst-Triage+]
Flags: needinfo?(pbylenga)
This issue also occurs on 3.0

Device: Flame 3.0 (KK - Nightly - Full Flash - 319mem)
Build ID: 20150310010227
Gaia: 2fb09da0cb9cefad9c6e40f57533fafda6d12557
Gecko: 6686aacf006f
Gonk: e7c90613521145db090dd24147afd5ceb5703190
Version: 39.0a1 (Master)
Firmware Version: v188-1
User Agent: Mozilla/5.0 (Mobile; rv:39.0) Gecko/39.0 Firefox/39.0
status-b2g-master: --- → affected
You need to log in before you can comment on or make changes to this bug.