1135679 - Sliders (range input) practically unusable, page rendering hangs at danielstern.ca/range.css

Status: RESOLVED INCOMPLETE

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

Description

[Szmozsánszky István [:flaki]]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0
Build ID: 20150122214805

Steps to reproduce:

Opened http://danielstern.ca/range.css/ in latest Fennec Nightly.



Actual results:

Page renders fine, range input/slider switcher dropdown works fine as well - but the custom sliders are practically unusable, they can't be dragged, they barely react to any interaction - but with a delay. The main thread seems blocked as scroll does seem to work afterwards, but lower portions of the page remain unrendered/draft rendered only.


Expected results:

Page should remain working fine, sliders should react to dragging smoothly.

Comment 1

[Stefan Deiac]

Thanks for reporting this.
I tested the issue with Nexus 6P (Android 8.1.0) and LG G4 (Android 6.0.0) on latest Nightly and Release and I could reproduce it following next steps:

1. Go on http://danielstern.ca/range.css/
2. Drag the custom sliders.

On Chrome seems to be easier to drag the sliders, also on Beta 62.0b5 Please watch the video to understand easier the issue. 
Behavior Chrome - https://drive.google.com/open?id=1Y5WVF5qBdLAholgBfpg8g9SilQKbP7zJ
Behavior Nightly - https://drive.google.com/open?id=1e8gfRI66M_P1CxKP3fkAMm-aAshF9P4O

Comment 2

[Liz Henry (:lizzard) (relman/hg->git project)]

The sliders seem to work to me. Do they still seem slow to you in Nightly 66?

Comment 3

[Szmozsánszky István [:flaki]]

This seems to work fine on latest Fenix Nightly, there is some slowness due to the rendering updates (I believe some debounce on the slider move could improve experience from the site's side, but that's a perf issue unrelated to the implementation AFAICT).

Comment 4

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.