Minimal test set to illustrate draw.io rendering issues

[Julian Moore]

Hi,

Based on your original working example*, I have finally produced a test document that illustrates problems in rendering embedded draw.io data (as discussed over on G+), particular interaction with the display attribute on a containing div.

I hope you can take a look at it: your input will be much appreciated! I had thought matters resolved, but something seems to have gone backwards (g visibility now back to hidden in an initially hidden div?).

I'm not saying there's anything wrong with drawio as I am now thoroughly confused - I hope the clear test cases will help clarify matters.

Six cases are illustrated, combining initial div visibility, g element visibility overrides in CSS and both "fit" parameter values. The document should be examined in FF, Chrome and IE (and anything else you want) and the various results compared after loading, after opening the hidden div. (The diversity of results will also, I hope, explain apparently contradictory previous statements.)

In FF, with the div initially visible and fit=1, everything is fine - but that with an initially hidden div revealed it is not (until F5 refresh, when fit=1 shows the correct result again). Other browsers are different, e.g. in Chrome F5 works differently and the initially hidden diagrams can never be seen unless fit=0. IE is similar.

Note also the presence of the scrollbar on 'Diagram with fit = "1" and g visibility as set by draw.io'  and its absence in 'Diagram with fit = "1" and g forced visibility' in the initially displayed div.

I used Chrome 47.0.2526.73 m, FF 42.0 and IE11.0.9600.18097 on W7 64-bit.

Best regards - and thanks in advance!

Julian

Using exactly the structure provided, i.e. <div class="mxgraph" style="position:relative;overflow:hidden;max-width:100%;"><div style="width:1px;height:1px;overflow:hidden;">

[Julian Moore]

Forgot to mention: please also note the behaviours on +/- zoom.