1225892 - JSON output makes it hard to see everything by just scrolling

Status: RESOLVED DUPLICATE of bug 1338499

(DevTools :: JSON Viewer, defect)

Description

[Peter Bengtsson [:peterbe]]

Attachment: Screen Shot 2015-11-18 at 8.34.26 AM.png

See attached screenshot. This view makes it impossible to scan the whole output for certain things I'm looking for. In particular I want to see which ones have the value "nightly". The only way I can do that is to click the little plus ON ALL NODES. Or to download the JSON in raw format and look at it in my editor or less or something.

Comment 1

[Peter Bengtsson [:peterbe]]

Oh. I just noticed, there's a "Raw Data" tab view option. If I click that, and "Pretty Print" it gets a bit better. However, it would be nice to have that color highlighted.

Comment 2

[Bryan Clark (DevTools PM) [:clarkbw]]

(In reply to Peter Bengtsson [:peterbe] from comment #0)
> Created attachment 8689041 [details]
> Screen Shot 2015-11-18 at 8.34.26 AM.png
> 
> See attached screenshot. This view makes it impossible to scan the whole
> output for certain things I'm looking for. In particular I want to see which
> ones have the value "nightly". The only way I can do that is to click the
> little plus ON ALL NODES. Or to download the JSON in raw format and look at
> it in my editor or less or something.

Is this something that you can't search for?  Or is bug 1217131 needed for search to be useful here?

Comment 3

[Jonathan Allard]

Confirming.

Given a url returning JSON object that needs more than the height of the viewport to be displayed, (eg. `JSON.stringify(Array.apply(null, Array(100)).map(()=>{return {foo:1, bar: 2, boo: 3, buzz: 4}}))`)

1. Go to URL <https://rawgit.com/joallard/9fb2a37586b5d612a7fd83c8236da703/raw/ec90eea99ef057b736318c1b62af944c298b6020/long-object.json>

Actual: No scrollbar. Using mousewheel to scroll does not result in scroll.
Expected: Scrollbar present, we can scroll to see the end of the object.

Comment 4

[Jeremy Satterfield]

I'm having the same problem in 50.0a2 (2016-09-12). I was able to get the expected behavior by adding `height: 100%` to the `.jsonPanelBox` element using the inspector.

Comment 5

[Jeremy Satterfield]

Fixed for me in 51.0a2 (2016-09-26), maybe earlier.

Comment 6

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

(In reply to Jonathan Allard from comment #3)
> Confirming.
> 
> Given a url returning JSON object that needs more than the height of the
> viewport to be displayed, (eg. `JSON.stringify(Array.apply(null,
> Array(100)).map(()=>{return {foo:1, bar: 2, boo: 3, buzz: 4}}))`)
> 
> 1. Go to URL
> <https://rawgit.com/joallard/9fb2a37586b5d612a7fd83c8236da703/raw/
> ec90eea99ef057b736318c1b62af944c298b6020/long-object.json>
> 
> Actual: No scrollbar. Using mousewheel to scroll does not result in scroll.
> Expected: Scrollbar present, we can scroll to see the end of the object.

This bug is not about broken scrolling.  Instead, it's about data overload making it hard to find data even when you _can_ scroll.

For broken scrolling, see bug 1289912.  So far, it's fixed in 51 but not fixed in 50, which seems to agree with comment 4 and comment 5 here.

Comment 7

[Zac Svoboda :zacnomore]

Given bug 1338499 for previewing the contents of nodes and bug 1244922 for more complex filtering, could we close this in favor of those?
If not, what specifically could fill this need?

Comment 8

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Yes, make sense, thank you for pointing that out, Zac