Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Removing chip changes other chips' height when chip text has spaces #2667

Closed
bonniezhou opened this issue Apr 27, 2018 · 0 comments · Fixed by #2671
Closed

Removing chip changes other chips' height when chip text has spaces #2667

bonniezhou opened this issue Apr 27, 2018 · 0 comments · Fixed by #2671

Comments

@bonniezhou
Copy link
Contributor

What MDC Web Version are you using?

0.35.0

What browser(s) is this bug affecting?

at least Chrome, Safari, Firefox

What OS are you using?

macOS 10.13.4

What are the steps to reproduce the bug?

  1. Go to http://material-components-web.appspot.com/chips.html
  2. Open up dev inspection tools and set animation to 10% (this is not necessary, but you can see the bug better this way)
  3. Remove the chip "Jane Smith" by clicking the remove icon

What is the expected behavior?

The "Jane Smith" chip fades out, then the "John Doe" chip animates to take its place.

What is the actual behavior?

The "Jane Smith" chip fades out, then the "John Doe" chip height increases, then the "John Doe" chip animates back to its regular size and takes its place.

Any other information you believe would be useful?

This only happens when removing a chip that includes a space in the text. The more spaces in the text, the bigger the height.

input_chips_bug

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant