vue-leaflet/Vue2Leaflet

Strange featureGroup behavior with svg icons (they are not displayed)

Aberta

#508 aberto em 30 de dez. de 2019

Ver no GitHub
 (8 comentários) (0 reação) (0 responsável)JavaScript (380 forks)batch import
bugconfirmedhelp wanted

Métricas do repositório

Stars
 (1.942 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Description

I added icons for markers as svg-code. Inside featureGroup icons aren't displayed on the map (while markers themselves are presented and svg-code is in the marker too). In the same time, in devtools I found strange div block inside the map with display:none styles with all my icons inside again. If I remove display:none, I can see all my icons.

Live Demo

https://codesandbox.io/s/suspicious-spence-tu812 (components -> HelloWorld.vue)

Steps to Reproduce

See the demo (map in the sandbox isn't working well but the icons behavior is the same as on my localhost)

Expected Results

I see marker's svg-icons inside featuregroup

Actual Results

Icons are not visible

Browsers Affected

  • Chrome
  • Firefox
  • Edge
  • Safari 9
  • Safari 8
  • IE 11

Versions

latest

Guia do colaborador

Direção de pesquisa
Investigue o comportamento do featureGroup: inspecione o DOM renderizado em busca de display:none; rastreie o código do componente Vue2Leaflet que lida com os filhos do featureGroup; verifique se um problema de painel do Leaflet está ocultando os ícones.
Pilha de tecnologia
vuejavascript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Vue.jsLeaflet basics
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70