search

Open-EO / openeo-vue-components

Common Vue components for openEO.
Apache License 2.0
7 stars 1 forks source link

Preview image is displayed within map area #44

Closed christophfriedrich closed 3 years ago

christophfriedrich commented 3 years ago

When the Collection component in the Hub is provided with the "full" information including previews, the preview image is displayed within the map area:

grafik

When zooming in, the image gets more and more hidden:

grafik

until it's fully covered by the map and no longer visible at all:

grafik

christophfriedrich commented 3 years ago

Initially I thought this is due to conflicting CSS, but maybe it's more because of missing CSS? The zoom controls don't look like they usually do and the attribution label looks a bit unstyled too.

For reference, this is what such an extent map looked like in an older version:

grafik

m-mohr commented 3 years ago

I can't reproduce this.

It may not be the missing CSS though as removing the CSS entirely, makes it look even worse (tiles randomly ordered, no buttons).

Does this happen with AND without the "updating" of the full collection metadata? May that be the issue?

m-mohr commented 3 years ago

For whatever reason both the Vue $refs and the document.getElementById calls to the map element were pointing to the preview div when updating the data from externally. The map HTML was then inserted into the preview div. This seems to be a race condition, an issue with Vue's reactivity or something similar. The only workaround we found is to replace the v-if for the preview element with v-show. Still a pretty obscure issue...