Bug 143429

Summary: Web Inspector: Array values overlay array indices when indices are 4 digits or more
Product: WebKit Reporter: Nikita Vasilyev <nvasilyev>
Component: Web InspectorAssignee: Nikita Vasilyev <nvasilyev>
Status: NEW ---    
Severity: Normal CC: graouts, inspector-bugzilla-changes, jonowells, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
Attachments:
Description Flags
Screenshot of the bug none

Description Nikita Vasilyev 2015-04-05 17:11:43 PDT
Created attachment 250178 [details]
Screenshot of the bug

var list = Array(1001).fill("Zoidberg");
    console.log(list);

We should use either CSS tables or flex box to make the indices column content dependent.
Comment 1 Radar WebKit Bug Importer 2015-04-05 17:11:59 PDT
<rdar://problem/20429846>
Comment 2 Joseph Pecoraro 2015-04-05 17:35:31 PDT
We already have many issues with large arrays. We should be chunking large structures to 100 elements at a time. I don't think we should modify the styles here, we should just better handle large collections.
Comment 3 Joseph Pecoraro 2015-04-05 17:36:21 PDT
This applies to all collections, Array/Set/Map/Weak*/Iterator and maybe even Objects with lots of properties.