Horizontal bar for viewing horizontally long svgs (instead of scaling)

[VarLad]

For some SVGs, horizontal scrolling makes more sense than scaling, due to the amount of information displayed in the SVG.
Is there an option (hopefully an HTML script?) which I can use to enable horizontal scrollbar for viewing an svg?

[fonsp]

Maybe you can wrap it in a PlutoUI.ExperimentalLayout.Div([image])?

[VarLad]

Doesn't seem to work, here's what I see:

Here's the original image

[VarLad]

@fonsp From what I remember, the horizontal scroll used to be the default behavior. Is there any way to revert back to that, and more importantly, something package authors can use use to decide whether they want horizontal scroll in Pluto or not?

[fonsp]

Full width for PlutoUI.Resource

If you use PlutoUI.Resource or PlutoUI.LocalResource, you can override the max-width attribute from Pluto:

img = PlutoUI.Resource(url, :style => "max-width: unset")

Full width for any image

A more general solution that also works for other types of images:

full_width(content) = PlutoUI.ExperimentalLayout.Div([img]; style="width: max-content")

# then in another cell:
full_width(my_image_or_plot)