angular / angular/components

Warning message (cdk-virtual-scroll-viewport): When no height is set.

Ouverte
#26,133 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

area: cdk/scrolling feature P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

Feature Description

I know this is a very insignificant "feature", but I think it will be helpful.

<cdk-virtual-scroll-viewport> require fixed height to be set.
Without height it doesn't render any elements at all (even the html structure stays empty). This can be verry misleading and time consuming in some cases.
I just taked sandbox example with static data and modifyed it to take async data.
I was tired and spend few hours thinking about that is a bug in my code flow (timing, data refreshing or something else).
Today on a fresh mind I realize it's just because it has no height.

Maybe if you just warn the user to set height if there is no height or maybe set min-height = single element height. This can help to prevent others to make this mistake.

Use Case

image
When we have data and no height - no html is rendered. If there is a console.warn('there is no height man.') will be very obviously and catchable.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par localiser le point d’entrée du composant cdk-virtual-scroll-viewport et ses tests existants. Reproduisez le cas de données statiques sans hauteur, puis suivez la manière dont le viewport gère ses dimensions initiales. C’est terminé lorsque le cas de hauteur manquante fournit aux utilisateurs un avertissement évident pouvant être intercepté, ou une autre indication convenue, au lieu de ne rien rendre silencieusement.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.