Code folding with array of objects

[cfjedimaster]

Given this code:

// Some fake testing data
var chats = [{
id: 0,
name: 'Ben Sparrow',
lastText: 'You on your way?',
face: 'https://pbs.twimg.com/profile_images/514549811765211136/9SgAuHeY.png'
}, {
id: 1,
name: 'Max Lynx',
lastText: 'Hey, it's me',
face: 'https://avatars3.githubusercontent.com/u/11214?v=3&s=460'
}, {
id: 2,
name: 'Andrew Jostlin',
lastText: 'Did you get the ice cream?',
face: 'https://pbs.twimg.com/profile_images/491274378181488640/Tti0fFVJ.jpeg'
}, {
id: 3,
name: 'Adam Bradleyson',
lastText: 'I should buy a boat',
face: 'https://pbs.twimg.com/profile_images/479090794058379264/84TKj_qa.jpeg'
}, {
id: 4,
name: 'Perry Governor',
lastText: 'Look at my mukluks!',
face: 'https://pbs.twimg.com/profile_images/491995398135767040/ie2Z_V6e.jpeg'
}];

Brackets get a bit confused depending on what I fold first. Here is how it renders:

a) I can't fold the entire array. Even though there is a carot by it, using that hides item 0 only.
b) If I fold item 0, I can't folder item 1 anymore:

c) If I then close the carot by 2, I can't close 3 anymore.

d) The only way to fold it very tightly is to do it in reverse, item 4, then 3, etc.