Skip to content

Carousel gap no longer handles "complex" values #839

@alexandergillon

Description

@alexandergillon

Describe the bug

In v5, a carousel gap defined like --f-carousel-spacing: clamp(10px, 1rem, 20px); worked as expected.

In v6, this no longer works. There is no gap. No errors are emitted.

From what I can tell, this is because gap handling was moved out of native CSS and into JS. I'm guessing something is trying to parse clamp(10px, 1rem, 20px) as a number and silently getting 0.

Reproduction

Not working: https://stackblitz.com/edit/js-zguzmm4h?file=index.html,index.js,package.json,style.css

Old version (v5), working: https://stackblitz.com/edit/js-jpeyypye?file=index.html,index.js,style.css

Additional context

It would be nice if this worked. If not, I think it should at least spit out an error.

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs triageThis issue has not been triaged by maintainers

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions