Skip to content

[BUG] Diagrams don't break properly on mobile devices #32

@theartcher

Description

@theartcher

Description

Diagrams on mobile break if they exceed the phone's max supported with in portrait mode.

Reproduction Steps

Steps to reproduce the problematic behaviour

  1. Open the website
  2. Press CTRL + SHIFT + M to enter mobile mode.
  3. Open any page with a diagram (screenshots are from composite).
  4. Make sure the 'screen window' has a smaller width than the diagram.
  5. Problem occurs.

Intended behaviour

I expect diagrams to show properly on mobile, that means

  1. Showing diagrams that are smaller than the maximum width
  2. Diagrams that exceed max width should be cut off and scrollable where necessary.

Screenshots / recordings

Image Image

Technologies used

Discovered on Firefox 145.0.2 (64-bit) in developer tools, mobile mode.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions