Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[mdc-chip] css not applied to mdc-evolution-chip elements #8117

Open
ciukstar opened this issue Jun 11, 2023 · 3 comments
Open

[mdc-chip] css not applied to mdc-evolution-chip elements #8117

ciukstar opened this issue Jun 11, 2023 · 3 comments
Labels

Comments

@ciukstar
Copy link

Bug report

No CSS gets applied to the elements of of class mdc-evolution-chip-set and mdc-evolution-chip.

Steps to reproduce

  1. Go to https://codepen.io/Sergiu-Starciuc/pen/bGQdgXY
  2. See that the chips are not displayed properly

Actual behavior

Chips look like simple buttons.

Expected behavior

The elements of the chips should be displayed properly, and not as simple buttons.

Screenshots

Screenshot from 2023-06-11 02-39-05

Your Environment:

Software Version(s)
MDC Web v14.0.0
Browser Chrome 114
Operating System Ubuntu 22.04.2 LTS (Linux 5.15.0-74-generic)

Additional context

I've noticed that elements with a class starting with the mdc-evolution-chip... prefix do not have the appropriate CSS applied.
Also, there aren't any ...-evolution-... entries in the CSS provided at <link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css">.

Possible solution

Include the relevant CSS for "evolution chips" in <link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css">.

@ciukstar ciukstar added the bug label Jun 11, 2023
@confused-Techie
Copy link

Same issue here, although what's interesting, is while the mdc-evolution-chip CSS isn't totally present, parts of it are, or are otherwise now changed.

Specifically classes such as:

  • mdc-chip-set
  • mdc-chip
  • mdc-chip__ripple
  • mdc-chip__text

All exist. Although, not all of the classes from the example here (which link back to this repo) are available under this new naming scheme.

Otherwise, what I've done, and what may be applicable to you as well is utilizing the CSS viewable on the example site here.

@mindaugasvcs
Copy link

Any updates on this?

@mindaugasvcs
Copy link

It was intentional, see this commit: 9c5662c

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

No branches or pull requests

3 participants