New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 614810 link

Starred by 2 users

Issue metadata

Status: Duplicate
Merged: issue 652007
Owner: ----
Closed: Oct 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

changing value of select element causes jank on OSX

Reported by brian.ch...@gmail.com, May 25 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.94 Safari/537.36

Steps to reproduce the problem:
1. Create a web site with a <select> element and some animation
2. Monitor the frame rate w/ dev tools
3. change the value of the select element while the animation is running

This problem seems to exist only on OSX. Doesn't happen on Windows or in browsers other than Chrome (Firefox, Safari)

What is the expected behavior?
Animation should run smoothly at or around 60fps, as long as the CPU/GPU aren't otherwise overloaded.

What went wrong?
After the select element is changed, there is a blocking delay of about 500ms, which is visible in the animation as well as the values reported by the frame rate monitor.

Capturing a timeline in dev tools shows that during that 500ms, no scripts, GPU or other tasks are running.

Did this work before? N/A 

Chrome version: 52.0.2730.0  Channel: canary
OS Version: OS X 10.11.4
Flash Version: Shockwave Flash 21.0 r0

Here is an isolated example:
https://output.jsbin.com/zozicib

There are two select elements. One is connected to an event listener that affects the animation and the other is not. Changing either one causes jank.
 
Here is a screenshot of the timeline tool showing the blocked frame with no activity:
https://files.slack.com/files-pri/T0EEAMLFP-F1BKDSBQB/pasted_image_at_2016_05_25_10_35_am.png

It's worth noting that I tried this on two different MacBook Pro machines and saw the same results. And the browser I was using didn't have any extensions installed.

Comment 2 by rsesek@chromium.org, May 25 2016

The image is not accessible. Can you attach it here instead?
Yeah, sorry. Here you go.
Pasted image at 2016_05_25 10_35 AM.png
206 KB View Download
Cc: rsesek@chromium.org
Cc: rnimmagadda@chromium.org
Labels: Needs-Feedback
Unable to repro this issue on MAC (10.11.5) for Google Chrome Canary Version - 53.0.2748.0

Screen-recording is attached.

@brian.chirls: Could you please update your Google Chrome Canary to Latest Version - 53.0.2748.0 and re-test the same on a clean profile [chrome://settings -> Add Person] and let us know your observations.

Note: 

1. Initially, it is starts with a jerk and becomes normal within no time.
2. There is a lot of lag while capturing the screen-recording.

Thank you.
614810.mov
4.0 MB Download
You have to change the value of the select element while the animation is running to see the jank effect. I don't see you doing that in your video.

I have updated Canary and tested on a clean profile, and the effect is still there. See attached video.
select-jank.mov
839 KB Download
Project Member

Comment 7 by sheriffbot@chromium.org, May 26 2016

Labels: -Needs-Feedback Needs-Review
Owner: rnimmagadda@chromium.org
Thank you for providing more feedback. Adding requester "rnimmagadda@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Components: Blink>Animation
Labels: -Needs-Review M-53
Owner: ----
Status: Untriaged (was: Unconfirmed)
Able to repro this issue on MAC (10.11.5) for Google Chrome Canary Version - 53.0.2753.0

Screen-recording is attached.

This is a Non-Regression issue existing from M30 - # 30.0.1549.0
614810.mov
5.7 MB Download

Comment 9 by suzyh@chromium.org, Jun 1 2016

Labels: Update-quarterly
Status: Available (was: Untriaged)
Project Member

Comment 10 by sheriffbot@chromium.org, Jul 8 2016

Labels: -M-53 M-54 MovedFrom-53
Moving this nonessential bug to the next milestone.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Owner: alancutter@chromium.org
Status: Assigned (was: Available)
Assigning to Alan for more triage
Cc: ccameron@chromium.org
Components: -Blink>Animation Internals>GPU>Scheduling
Labels: -Update-Quarterly
Mergedinto: 652007
Owner: ----
Status: Duplicate (was: Assigned)

Sign in to add a comment