Skip to content

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

Closed
@marko-knoebl

Description

@marko-knoebl

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".

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions