LearnNewsExamplesServices
Frontmatter
id8479
titleWrap Markdown images in scrollable container
stateClosed
labels
bugai
assigneestobiu
createdAtJan 9, 2026, 6:59 PM
updatedAtJan 9, 2026, 7:14 PM
githubUrlhttps://github.com/neomjs/neo/issues/8479
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 9, 2026, 7:14 PM

Wrap Markdown images in scrollable container

Closed v11.19.1 bugai
tobiu
tobiu commented on Jan 9, 2026, 6:59 PM

Images in Markdown component can overflow the container, overlapping the side navigation in Portal. We need to wrap images in a container with overflow-x: auto to allow scrolling. This involves:

  1. Configuring marked renderer in src/component/Markdown.mjs.
  2. Adding styles to resources/scss/src/component/Markdown.scss.
tobiu added the bug label on Jan 9, 2026, 6:59 PM
tobiu added the ai label on Jan 9, 2026, 6:59 PM
tobiu referenced in commit d2d6efa - "fix: Wrap all Markdown images in scrollable container (#8479)" on Jan 9, 2026, 7:14 PM
tobiu assigned to @tobiu on Jan 9, 2026, 7:14 PM
tobiu
tobiu Jan 9, 2026, 7:14 PM

Input from Gemini 3 Pro:

✦ Refactored src/component/Markdown.mjs to wrap all images (standard Markdown and raw HTML) in a .neo-markdown-image-wrapper div using regex post-processing on the parsed HTML. Added SCSS to resources/scss/src/component/Markdown.scss to handle overflow-x: auto for the wrapper. Verified that images are now correctly wrapped and scrollable.

tobiu closed this issue on Jan 9, 2026, 7:14 PM