renderToWindow: false funktioniert nicht

[Former user]

für ein Modul wie bspw. "draw" wird "renderToWindow": false nicht richtig dargestellt. Die Darstellung des "tool-manager" in der "sidebar" bzw. des "map-wrapper" funktioniert nicht. Die "sidebar" ist fehlerhaft gestylt. Beim Schließen der sidebar error:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for watcher "active": "TypeError: Cannot read property 'ol_key' of undefined"

VG D. Stolz

[Stolz]

unter 2.6.1-dev war die sidbar noch ok. Schönes Feature mit viel potential.

‌

[Felix Nagel]

Ich nehme an, Sie beziehen sich auf die dev 2.6.2.? Ich bin bereits an diesem Problem dran.

[Stolz]

Hallo Herr Nagel,

betrifft die Version 2.6.2.

Aufgefallen ist mir auch noch das die Sidebar nicht funktioniert wenn das entspr. Modul direkt als Icon in der navbar/menu eingebunden ist.

Die Einbindung im Werkzeugemenü aals submenu funktionierte.

[Felix Nagel]

Ich habe den Fehler behoben. In der aktuellen HEAD Version auf dev müsste das jetzt funktionieren.

[Stolz]

Danke, funktioniert.

Das draw-Modul gibt noch einen Fehler aus beim Schließen:

masterportal.js:50 TypeError: Cannot read property 'ol_key' of undefined
at C.u.un (masterportal.js:38)
at n.resetModule (masterportal.js:57)
at Array.<anonymous> (masterportal.js:6)
at n.dispatch (masterportal.js:6)
at n.dispatch (masterportal.js:6)
at n.t.context.f.dispatch (masterportal.js:6)
at o.n.<computed> (masterportal.js:6)
at o.active (masterportal.js:57)
at pn.run (masterportal.js:50)
at dn (masterportal.js:50)

Anderen Modulen konnte ich ohne Fehler in der sidebar öffnen/schließen.

VG

D. Stolz

[Stolz]

vielleicht noch eine Anregung:

je nach Inhalt vom sidebar (z.B. bei externen Anwendungen die per iframe eingebunden sind) funktioniert das resize nicht. Der Cursor bleibt “kleben” und folgt nicht mehr der eigentlichen Mausbewegung. Das ewige Problem von resize!

Das kann korrigiert werden wenn beim resizing die sidebar modal gestylt wird.

In \src\share-components\BasicResizeHandle.vue bei den methods startResizing und onMouseUp $(".win-body-vue").addClass("makeModal"); bzw. $(".win-body-vue").removeClass("makeModal"); ergänzen.

Die CSS von von der class makemodal kann so aussehen:

.makeModal {
position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0.5;
webkit-transition: opacity 400ms ease-in;
moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

Vielleicht geht auch das modal-CSS von bootstrap.

‌

VG

D. Stolz

‌