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

[mdc-ripple] @keyframes not emitted #7491

Closed
@emilmuller

Description

Bug report

I'm following the readme, and in my code I have the following:

Sass:

@use "@material/ripple";

.ripple {
    @include ripple.surface;
    @include ripple.radius-bounded;
    @include ripple.states;

    overflow: hidden; // Seems I need this?
}

JavaScript:

element.classList.add("ripple");
MDCRipple.attachTo(element);

No errors are produced, but it doesn't work.
When inspecting the compiled css, I see this line:

animation: mdc-ripple-fg-radius-in ...

However, no @keyframes have been emitted.

So, either there is a bug, or the readme forgot to mention something critical? :-)

Metadata

Assignees

No one assigned

    Labels

    Unresolved (Archived)Open and unresolved issues and PRs that were closed due to archiving the repository.bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions