1548060 - Response JSON's raw preview does not show multi-line queries for GraphQL

Status: NEW

(DevTools :: Netmonitor, defect, P3)

Description

[:Harald Kirschner :digitarald]

Attachment: Missing linebreaks in Firefox

What were you doing?

*Please tell us what

1. Open Network panel on https://launchpad-star-wars.glitch.me/
2. Inspect XHR request in Network panel or Console
3. Open the Params tab and find the query entry the JSON body
4. Click that to get the raw value

Raw response (copied via Console)

{"operationName":"IntrospectionQuery","variables":{},"query":"query IntrospectionQuery {\n  __schema {\n    queryType {\n      name\n    }\n    mutationType {\n      name\n    }\n    subscriptionType {\n      name\n    }\n    types {\n      ...FullType\n    }\n    directives {\n      name\n      description\n      locations\n      args {\n        ...InputValue\n      }\n    }\n  }\n}\n\nfragment FullType on __Type {\n  kind\n  name\n  description\n  fields(includeDeprecated: true) {\n    name\n    description\n    args {\n      ...InputValue\n    }\n    type {\n      ...TypeRef\n    }\n    isDeprecated\n    deprecationReason\n  }\n  inputFields {\n    ...InputValue\n  }\n  interfaces {\n    ...TypeRef\n  }\n  enumValues(includeDeprecated: true) {\n    name\n    description\n    isDeprecated\n    deprecationReason\n  }\n  possibleTypes {\n    ...TypeRef\n  }\n}\n\nfragment InputValue on __InputValue {\n  name\n  description\n  type {\n    ...TypeRef\n  }\n  defaultValue\n}\n\nfragment TypeRef on __Type {\n  kind\n  name\n  ofType {\n    kind\n    name\n    ofType {\n      kind\n      name\n      ofType {\n        kind\n        name\n        ofType {\n          kind\n          name\n          ofType {\n            kind\n            name\n            ofType {\n              kind\n              name\n              ofType {\n                kind\n                name\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"}

What happened?

Raw value is shown in a single line.

What should have happened?

Raw value shown with correct indention and line breaks. (Works in Chrome)

Anything else we should know?

Reported via https://discourse.mozilla.org/t/raw-mode-on-form-data-params/38202/3, this affects GraphQL debugging.

Comment 1

[:Harald Kirschner :digitarald]

Attachment: Correct formatting in Chrome (still clunky to navigate though)

Comment 2

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

Yeah, I like that, thanks for the report Harald!

Honza