ResponseExample is hidden below xl breakpoint instead of rendering as an inline/mobile code block #5530
kirby-jack
started this conversation in
Bugs & Feedback
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Title
ResponseExampleis hidden belowxlbreakpoint instead of rendering as an inline/mobile code blockDescription
I’m using
<ResponseExample>in an MDX page for an actual API response example. On desktop, it renders correctly in the right-side example panel. On smaller screens, however, the response example disappears completely instead of becoming a regular scrollable code block.This seems inconsistent with the Mintlify docs, which say that on mobile devices
<RequestExample>and<ResponseExample>"display as regular code blocks that users can scroll past."MDX Example
Observed Behavior
At smaller viewport widths, the response example is not visible anywhere on the page.
Inspecting the DOM shows that the response example is rendered inside:
Because the wrapper has
hidden xl:flex, the entire response example is hidden below thexlbreakpoint. I do not see a corresponding inline/mobile fallback rendered in the normal document flow.Expected Behavior
Below the desktop/sidebar breakpoint,
<ResponseExample>should render as a regular scrollable code block in the page content, as documented.Why This Matters
The response payload is an actual API example, so I want to keep using
<ResponseExample>rather than replacing it with a plain code block. But currently users on smaller screens cannot see the API response at all.Environment
<ResponseExample>mintxlQuestion
Is this expected behavior on the free plan, or is this a bug in the responsive rendering of
<ResponseExample>?I’m not familiar with the Mintlify renderer/codebase, so if someone can point me to the relevant package or component, I’m happy to investigate further.
Cheers
Beta Was this translation helpful? Give feedback.
All reactions