Chrome Tab freezes after mouse click with 9000 objects
Reported by
maneswa...@gmail.com,
Feb 23 2018
|
|||||
Issue description
Chrome Version : 64.0.3282.167
OS Version: 10.0
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
Safari: Not Tested
Firefox: OK
IE/Edge: OK
What steps will reproduce the problem?
1. Make a json with 9000+ objects. Each object has approx 10 key value pairs. Map these values to a svg rectangle used d3. Create mouseclick events for all the 9000 rectangles created. Sample javascript code to create rectangles can be found in attachment
2. On mouseclick - triggers call back fucntion -- change the json object corresponding to the that rectangle on which user clicked
3.Angular data binding will update the screen based on changed data.
What is the expected result?
Mouse click on one of the 9000 rectangles on screen. data update on screen should be smooth like in other browsers
What happens instead of that?
chrome tab hangs for a minute and after minute screen shows new data and releases chrome tab freeze
Please provide any additional information below. Attach a screenshot if
possible.
UserAgentString: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.167 Safari/537.36
,
Mar 5 2018
maneswar.v@ Thanks for the issue. Request you to provide a sample file/URL where this issue can be reproduced, as the attached .json file won't help us in triaging the issue further. Thanks..
,
Mar 16 2018
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Mar 16 2018
Url - https://jvutukur.github.io/ng-heatmap/dist/index.html source code - https://github.com/jvutukur/ng-heatmap launch the url and click CreateHeatMap button once. Once the heat map loads click on any red rectange will freeze screen for few seconds and some times freezes for few minutes. after few seconds/minutes red rectangle changes to green which is the expected behavior. But it should be instantaneous compare this url behavior with other browsers works well on other browsers (IE, Edge, Firefox). what should i do to resolve this ?
,
Mar 16 2018
Bisect info: 508987 (good) - 508989 (bad) https://chromium.googlesource.com/chromium/src/+log/dcfd0545..7c2f4454?pretty=fuller Suspecting r508988 = 0289e4ac1388e042be0f2258332ffbb6a01ffa2a = https://crrev.com/c/719355 by xiaochengh@chromium.org "Remove IsVisuallyEmpty() in place of better-defined alternative" Landed in 64.0.3242.0
,
Mar 26 2018
I can confirm this is same issue on all platforms, I.e. Windows, Mac and Linux. Anything that is Chrome 64+
,
Apr 5 2018
,
Apr 17 2018
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by susan.boorgula@chromium.org
, Feb 25 2018