SSENSE/vue-carousel

Bug: wrong slide width on first init

Aberta

#233 aberto em 4 de jul. de 2018

Ver no GitHubGuia do colaborador
 (7 comentários) (0 reação) (0 responsável)JavaScript (513 forks)batch import
buggood first issuehelp wanted

Métricas do repositório

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

Description

Version: 0.9.0

Description

Slides has wrong width on first init.

It looks like reason of this is calculating slides width right after component init, when fonts are not loaded yet.

UPDATE: Here is my repository with demo page.

Screenshot

Screenshot

Steps to reproduce

  1. Open demo page.
  2. Look at last slide.
  3. Click on “×” button.
  4. Slides width fixed now.

After it all resources would be cached already and you need to clear cache with Ctrl + F5 to reproduce bug again.

Behavior

Expected

Slides fix its width only after all resources are loaded.

Observed

Slides fix its width right after initialization.

Guia do colaborador

Direção de pesquisa
Inspecione o ciclo de vida de inicialização do componente carrossel, especificamente onde as larguras dos slides são calculadas. Considere usar a API document.fonts ou um fallback para recalcular as larguras após o carregamento das fontes.
Pilha de tecnologia
vuejavascriptcss
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.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitVue.js
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60