bug(MATCHIP): Chip text doesn't truncate or wrap if the text length takes more width than the form field
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
Chip text doesn't truncate or wrap if the text length takes more width than the form field . Remove icon button is also not visible
### Reproduction
StackBlitz link: https://stackblitz.com/edit/hnhs71mw?file=src%2Fexample%2Fchips-autocomplete-example.html
Steps to reproduce:
1.
2.
### Expected Behavior
Text inside the chip should either truncate or wrap and the remove icon button should be visible
### Actual Behavior
Text overflows the chip and the form field and the remove icon button is not visible
### Environment
- Angular:
- CDK/Material:
- Browser(s):
- Operating System (e.g. Windows, macOS, Ubuntu):
Guía de contribución
Línea de trabajo
Comienza con la reproducción de StackBlitz en src/example/chips-autocomplete-example.html y verifica el texto del chip que se desborda y el icono de eliminación oculto en el ejemplo de autocompletado de chips. Sigue el comportamiento relacionado del chip y del campo de formulario a partir de ese ejemplo y confirma después que el texto largo del chip permanece dentro del campo y que el botón de eliminación sigue visible.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Tranquilo
- Claridad
- Bastante claro
- Aptitud para principiantes
- 48/100