compatibility issue

Context: wordpress with theme moesia customized in customizer. no plugins were found to have impact on the problem. No optional widget parameters were found to have impact on the problem.

Expected behavior: show widget completely.

Actual behavior: show frame, zoom buttons, but no map

Workaround 1: “inline all css” in speed booster causes the map to load immediately but screws up whatever was set in “customizer” (stored in the db and therefore not excludable by filename from inlining)

Workaround 2: resize the window or zoom

What is the trigger that causes canves to load? I would like to change it to document ready or some such.

The relevant output snippets are:

1. Before touching the viewport:

</div></div><div class="ol-zoom ol-unselectable ol-control"><button class="ol-zoom-in" type="button" title="Zoom in">+</button><button class="ol-zoom-out" type="button" title="Zoom out">?</button></div><div class="ol-rotate ol-unselectable ol-control ol-hidden"><button class="ol-rotate-reset" type="button" title="Reset rotation"><span class="ol-compass">?</span></button></div><div class="ol-attribution ol-unselectable ol-control ol-uncollapsible" style="display: none;"><ul><li style="display: none;"></li></ul><button type="button" title="Attributions"><span>i</span></button></div><div class="ol-scale-line ol-unselectable"><div class="ol-scale-line-inner"></div></div></div></div>

2. After touching the viewport:

<div class="ol-viewport" style="position: relative; overflow: hidden; width: 100%; height: 100%; touch-action: none;" data-view="17"><canvas style="width: 100%; height: 100%;" class="ol-unselectable" width="446" height="535"></canvas><div class="ol-overlaycontainer"></div><div class="ol-overlaycontainer-stopevent"><div class="ol-overlay-container ol-selectable" style="position: absolute; display: none;"><div id="map_ol3js_1_popup" class="ol-popup">

I used https://www.diffnow.com/ to see what’s different.

I’m looking for advice on which js from your plugin might be the problem.