Pasting very long query in data product explorer view makes it unusable

[laurentS]

When a very long query string is pasted in the explorer view, the text box adjusts its length to the content, but no scrollbar is shown, making the screen unusable.

Instead the text area should either wrap the content, or show a horizontal scrollbar to allow visiting the entire content, but the area's width should not exceed the screen width.

To reproduce:

• open http://localhost:6363/dashboard/admin//product_explorer
• paste a very long string, for instance {"@type": "And", "and": [{"@type": "InsertDocument", "document": {"@type": "Value", "dictionary": {"@type": "DictionaryTemplate", "data": [{"@type": "FieldValuePair", "field": "@type", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "Person"}}}, {"@type": "FieldValuePair", "field": "name", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "Tom"}}}, {"@type": "FieldValuePair", "field": "@capture", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "IdTom"}}}, {"@type": "FieldValuePair", "field": "rival", "value": {"@type": "Value", "dictionary": {"@type": "DictionaryTemplate", "data": [{"@type": "FieldValuePair", "field": "@ref", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "IdJerry"}}}]}}}]}}}, {"@type": "InsertDocument", "document": {"@type": "Value", "dictionary": {"@type": "DictionaryTemplate", "data": [{"@type": "FieldValuePair", "field": "@type", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "Person"}}}, {"@type": "FieldValuePair", "field": "name", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "Jerry"}}}, {"@type": "FieldValuePair", "field": "@capture", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "IdJerry"}}}, {"@type": "FieldValuePair", "field": "rival", "value": {"@type": "Value", "dictionary": {"@type": "DictionaryTemplate", "data": [{"@type": "FieldValuePair", "field": "@ref", "value": {"@type": "Value", "data": {"@type": "xsd:string", "@value": "IdTom"}}}]}}}]}}}]}
• observe the unusable window