Skip to content

Wiki-embed prevents draw.io auto-fitting properly #8

@JulianSMoore

Description

@JulianSMoore

If inserted in a WP post directly (i.e. not using wiki-embed) the following known working example provided by draw.io rescales automatically to fit the window size (using responsive web view in FF; refresh on size change necessary). This is the three boxes in a line image shown at the bottom of the attached image.

The data is a deflated base64 encoded drawing (use this to decode and inflate and then this to make it human readable.

`

1ZXRb9sgEMb/mjxOSuw6ax/XLtteJk3Kw55puNpomLPOuHH61xfMYczSRas2qepTzAf3wf3uAqvyrh2/kuia7yhBr4q1HFfl51VRbNZV4X68cmJls70JSk1KspaEvXqCGMrqoCT02UKLqK3qcvGAxsDBZtoD6nyLTtTRPgn7g9Dn6k8lbRPU62Kb9G+g6iZuMyfT21P0kPAgBm0/TBJn34roxVmN6+jABicWio8sdMJkZ3pCbDOBoE+wOF+V53+PJIGyjbUyv5bgyp2rHiG6QP/VjnegfQVjbULYlz/MzrwIDG99OYB5PAo98NHP+PWN6PwnjM7xVuJwP81s3IBwMBK8lR8dG2Vh34mDnz669nOaC5Z4nBaEjYAsxGY8P2xC4BoYsAVLJ1+dMFteMTTu3eKax8fUG5sItln0xZY1waTr2TqhcR9M52VS5XsiVVVvSOrqDAxI96/mIZJtsEYj9C6pCz7uf3cbDHxUln+PA03IUjmsoBr47FyQv6BEoIVVj7n7v6RcvafmmAv/Fs3BN/cCzKtLz2yXpWf+/7P0U+gnIuGj4oIOlbF9fqP+8NqFS+qGH5DoEVLhqN/AzQd9iaUbpochLE9vfLl7Bg==


<script type="text/javascript" src="https://www.draw.io/embed.js"></script>`

However, if included via wiki-embed from wiki page in which the drawing has been included (the above enclosed in <html></html>), the graphics size does not respect the wiki-embed div size and will overflow if zoomed in (or screen size is reduced).

The effect occurs whether tabs or accordion are used or not, i.e. all presentation options.

loss of drawio scaling in wiki-embeddedjpg

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions