1609934 - Firefox on Mobile: DOM form input type=file slow / hang while load large file

Status: RESOLVED MOVED

(Firefox for Android Graveyard :: General, defect, P3)

Description

[vin]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0

Steps to reproduce:

Selecting large file (bigger than 1 GB) on <input type='file'> will cause DOM (even whole firefox process) slow /or not responding.

Steps to reproduce:

1. Feel free to make a simple HTML consisting of input tag with type='file'
2. Try to input large file (1 GB or more)
3. Firefox will start to slowing down, on the page with many component you may experiencing lag while scrolling through page
4. After a minute or more depending the size, file finish processed. File name will shown, and Firefox become normal again.

Actual results:

After load large file from file explorer, the DOM seems processing it (not instantly show the file name next to 'browse' button) followed with hang/lagginess on the entire firefox app. That's an unexpected behavior.

Expected results:

Selecting any file even large file will not make Firefox slow down, and DOM not supposed to process more file that picked (I'm not sure about this)

Tested Browser & version:
Affected: Android - Stable Firefox (68.4.1), Android - Nightly Firefox (68.5a1, 2020-01-15), iPhone - Stable Firefox (21.0 (16918))
Android Webview (Chromium 76.0.3809.89)

Not Affected: Android - Newest stable Chrome (79.0.3945.116), Mobile Safari 13.0

Comment 1

[athomas]

This should be tested in Fenix as well. Lower priority for Fennec

Comment 2

[Diana Rus]

Hi, checked the issue with Google Pixel 3 XL (Android 10) Firefox Release 68.5.0, Firefox Beta 68.6b1, Firefox Nightly 68.5a1 (2020-01-20) and Firefox Preview Nightly 200213 (Build #20440605) GV: 74.0a1-20200210093912 .

Note:

• What I encounter is that it takes a couple of seconds to show the file name next to the "Browse" button.
• On Firefox Preview Nightly after choosing the file to import a black screen is displayed until the file loads - for this i created ticket: https://github.com/mozilla-mobile/fenix/issues/8387

• Fennec video.
• Fenix video.

@Vin - is it similar to your situation? Does it take longer for the name of the file to be displayed? On Fennec browser?

Scenarios checked:
Navigating to the following link there is a page which has input tag with type='file' -> https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_file

• Imported a file with 1 GB - this is a 1GB zip file
• Imported a file > 1 GB - this is a 1.5 GB test file - manually created in order to test this
• While importing the file navigating on a different tab

Comment 3

[vin]

Hi!
@Diana, I think those screencap can reflect the problem I mean/found, and I can confirm that the lag is much worse on lower-end devices (As my testing device with 1GB RAM and not too fast processing power)

Thanks

Comment 4

[Stefan Arentz | :st3fan | ⏰ EST | he/him]

Moved to https://github.com/mozilla-mobile/fenix/issues/8387