Bug reportSep 5, 2026· 0:59· 13 views
Storybook 'Show code': string-HTML story renders <tag> entities instead of <tag>
0:59 total
Comments · 0
Be the first to comment.
Bug report— by SceneRecap AI
lowStorybook Docs Source Code Formatter / HTML Entity Decoding
os: macOSbrowser: Chromium 151.0.7922.34viewport: 1280x720
Repro steps
- 1.Navigate to 'Forms / Listbox' Docs page in Storybook.
- 2.Scroll down to the component canvas toolbar.
- 3.Click on the 'Show code' button to expand the source code snippet.
Expected
The source code preview renders clean markup formatted with standard angle brackets (`<tag ...>`).
Actual
The code preview displays literal escaped HTML entities (`<cbp-app >`, `<cbp-form-field ... >`, etc.) instead of properly rendered `<` and `>`.
Evidence
visualThe expanded code block at t=15.0s displays literal '<' and '>' entity strings throughout the snippet (e.g., '<cbp-app >', '<cbp-form-field', '<cbp-listbox').
Issue markdown (copy-paste ready)
### Description When expanding the 'Show code' snippet in the Storybook Docs page for Listbox, the code block displays raw HTML entities (`<` and `>`) rather than decoded angle bracket characters (`<` and `>`). ### Steps to Reproduce 1. Open Storybook and select `Forms / Listbox -> Docs` (t=1.05s). 2. Scroll down to the story example (t=11.00s). 3. Click `Show code` (t=13.10s). ### Expected Result The source code snippet should display valid markup with `<tag>` formatting. ### Actual Result The code snippet displays unparsed HTML entities like `<cbp-app >` and `<cbp-listbox`. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →