New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

Example code under "explicit import" shows map with height 0px #419

Open

marko-knoebl opened this issue Mar 20, 2025 · 0 comments

marko-knoebl commented Mar 20, 2025

I just tried the example here:

https://vue3openlayers.netlify.app/get-started.html#usage-explicit-import

For me, the result was a div that represents the "ol-map" with a height of 0, so the map was invisible (tested in Chrome and Firefox)

Changing the example code from 'min-height: 400px' to 'height: 400px' solved the problem for me.

I can also reproduce this behavior in the Stackblitz Playground - if I change from "height" to "min-height" there the map also disappears.

So I think all examples should use "height" instead of "min-height".

# for free to join this conversation on GitHub. Already have an account? # to comment