angular/components

mat-hint not animated when showed for first time on condition

Chiusa

#9747 aperta il 2 feb 2018

Vedi su GitHubGuida contributor
 (2 commenti) (0 reazioni) (0 assegnatari)TypeScript (6650 fork)batch import
P4area: material/form-fieldhelp wanted

Metriche repository

Star
 (24.044 stelle)
Metriche merge PR
 (Merge medio 3g 12h) (98 PR mergiate in 30 g)

Descrizione

Bug, feature request, or proposal:

Maybe a bug, definitely a feature

What is the expected behavior?

When I put a condition on the mat-hint element (for instance, show it only if a character has been typed), the element should be animated and slide in from the input.

What is the current behavior?

At first, the element isn't animated. Until a mat-error is shown, the element won't be animated.

What are the steps to reproduce?

Stackblitz

Guida contributor

Direzione di ricerca
The issue likely involves the mat hint animation within Angular Material's form field component. Check the components directory under src/material/form field for animation related code. The Stackblitz demo shows that the hint element doesn't animate on initial conditional display. Examine the animation trigger for the hint element and compare with how mat error animates. Look for differences in the Angular animation state transitions.
Tech stack
angulartypescriptcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Angular MaterialCSS animation concepts
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
45