elastic / elastic/docs-builder

Embedded diagrams are not scrollable/pannable on mobile (diagrams not navigable)

Open
#3,758 1 comment 0 reactions 0 assignees View on GitHub
bug needs triage
Dominant language
C#
Stars
24
Forks
44
Avg merge
1d 7h
Merged PRs (30d)
146

Description

### Describe the bug

On mobile devices, embedded diagrams (rendered via the diagrams/image component) are not scrollable or pannable. Example page: https://codex.elastic.dev/r/shared-services-team/processes/incident-management/incident-management-severity-guide

Embedded image: https://codex.elastic.dev/r/shared-services-team/processes/incident-management/images/incident-severity-flowchart.png

When viewing on mobile, touch gestures do not allow panning/scrolling the diagram. On desktop, right-click → open image in new tab shows the full diagram, but mobile users cannot do this easily and cannot navigate the diagram in-place.

### Expected behavior

Users should be able to pan/scroll and zoom diagrams on mobile, or tap to open a navigable/zoomable diagram viewer so the diagram is readable on small screens.

### Steps to reproduce

1. Open the incident management page on a mobile device: https://codex.elastic.dev/r/shared-services-team/processes/incident-management/incident-management-severity-guide
2. Attempt to pan/scroll the embedded diagram (incident-severity-flowchart.png).
3. Observe that touch gestures do not move or zoom the diagram.
4. On desktop, opening the image in a new tab works, but mobile users lack that option and cannot view the diagram at full resolution.

### Tooling

true,false,false

[View original Slack conversation](https://elastic.slack.com/archives/C02762N267P/p1785501618243769?thread_ts=1785501618.243769&cid=C02762N267P)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.