Saltar al contenido

Leaflet+Vue+Vuetify / Leaflet map hide vuetify diálogo emergente

Contamos con tu apoyo para extender nuestras reseñas en referencia a las ciencias de la computación.

Solución:

El problema es un choque de rangos de índice z. Vuetify usa rangos de índice z 0-10 mientras que el folleto usa el rango 100-1100. Afortunadamente, el índice z de un elemento secundario es relativo al índice z de su elemento principal.

te aconsejo que le des l-map un índice z de 0 como este.


Esto alineará automáticamente su componente con todos los índices z de Vuetify. Por el contrario, la solución de @bgsuello requiere que modifique el índice z de cada componente de Vuetify que pueda entrar en conflicto con el mapa, incluidos otros cuadros de diálogo, menús, animaciones, pestañas, barras de herramientas, snackbars…

Editar: esta es una respuesta desactualizada.

vea la respuesta de @Javier a continuación como lo señaló @ondrejsv en el comentario.

Ya no funciona al menos en Vuetify 2.1.9 y Vue 2.6.x. La solución de Javier parece funcionar.


Aumenta el z-index propiedad de estilo de su diálogo.

Me resulta bastante práctico envolver el mapa en una imagen, así


    
    ... 
    

De esta manera no hay necesidad de hacer nada con el índice z.

Valoraciones y comentarios

¡Haz clic para puntuar esta entrada!
(Votos: 3 Promedio: 4.3)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *