SSENSE/vue-carousel

Bug: wrong slide width on first init

Open

#233 geöffnet am 4. Juli 2018

Auf GitHub ansehen
 (7 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (513 Forks)batch import
buggood first issuehelp wanted

Repository-Metriken

Stars
 (1.705 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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.

Contributor Guide

Research-Richtung
Prüfen Sie den Initialisierungslebenszyklus der Karussellkomponente, insbesondere wo die Folienbreiten berechnet werden. Ziehen Sie in Betracht, die document.fonts API oder einen Fallback zu verwenden, um die Breiten nach dem Laden der Schriftarten neu zu berechnen.
Tech Stack
vuejavascriptcss
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitVue.js
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60