[Bug] Styles broke when receiving a response

[YanGusik]

Context

If you click on the Send Api Request button, then when outputting, we get a response that is broken in style.

Current Behavior

visually looks bad for all users

Steps to Reproduce

1. open url
2. click send api request
3. response style is broken

Environment

• Link used:
• Environment name and version (e.g. Opera LVL 6 (core: 112.0.5197.60)):
• Operating System and version (desktop or mobile): desktop windows 10

[wsngamerz]

I’m also experiencing this issue. As a temporary solution, I pinned the version to the previous working version, which seems to have "resolved" this.

<script src="https://unpkg.com/@stoplight/elements@8.3.4/web-components.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@stoplight/elements@8.3.4/styles.min.css">

[github-actions[bot]]

This ticket has been labeled jira. A tracking ticket in Stoplight's Jira (PROVCON-2766) has been created.

[beshoo]

Waiting Updates

[mojtabaahn]

+1

[nikhilbhavsar121]

I’m also experiencing this issue. As a temporary solution, I pinned the version to the previous working version, which seems to have "resolved" this.

<script src="https://unpkg.com/@stoplight/elements@8.3.4/web-components.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@stoplight/elements@8.3.4/styles.min.css">

this works for me thanks

[arno-fukuda]

Before

After (omg, unbearable)

[Gystre]

This is caused by a bump in version for @stoplight-mosaic from 1.53.1 -> 1.53.3

In this pr: https://github.com/stoplightio/elements/pull/2611

[mnaumanali94]

Probably will close this too: https://smartbear.atlassian.net/jira/software/c/projects/STOP/issues/STOP-1043?filter=49162

[ben-smartbear]

resolved via https://github.com/stoplightio/elements/pull/2680 and released as 8.4.2