A Browser Extension to format JSON in the browser automatically. Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.
Properties with an empty dictionary "{}" will appear as "[object Object]".
Also, "flex-shrink: 0;" should be added to the ".json-key" CSS class.
I am a Japanese speaker and in Japanese there is no space between words, so if a value is long and spans multiple lines, the width of the key may be pushed to the value, causing the key to break lines as shown in the image.
You can solve this problem by simply adding the CSS "flex-shrink: 0;" to the .json-keys CSS class.
Please review the attached screenshots for more details.
I really like this extension and would love to see it fixed.
Expected Behavior
No response
Steps To Reproduce
No response
System Info
- OS: macOS 12.6.4
- Browser: Google Chrome 112.0.5615.137
arnav-kr
commented
11 months ago
Is there an existing issue for this?
Describe the bug
Properties with an empty dictionary "{}" will appear as "[object Object]".
Also, "flex-shrink: 0;" should be added to the ".json-key" CSS class. I am a Japanese speaker and in Japanese there is no space between words, so if a value is long and spans multiple lines, the width of the key may be pushed to the value, causing the key to break lines as shown in the image. You can solve this problem by simply adding the CSS "flex-shrink: 0;" to the .json-keys CSS class.
Please review the attached screenshots for more details. I really like this extension and would love to see it fixed.
Expected Behavior
No response
Steps To Reproduce
No response
System Info
Additional context?