search

stitchesjs / stitches

[Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
https://stitches.dev
MIT License
7.72k stars 251 forks source link

Vendor prefix is stripped from WebkitBackgroundClip #1135

Open Liombe opened 1 year ago

Liombe commented 1 year ago

Bug report

Describe the bug

Vendor prefix is stripped from WebkitBackgroundClip

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

<Box
        as="h1"
        css={{
          display: "inline-block",
          backgroundImage:
            "url('https://images.unsplash.com/photo-1611625105602-42ee06be977e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2671&q=80')",
          WebkitBackgroundClip: "text",
          WebkitTextFillColor: "transparent",
          backgroundSize: "100% auto",
          backgroundPosition: "center",
        }}
      >
        {data.page.title}
</Box>

Expected behavior

I should get -webkit-background-clip: text and I got background-clip: text

Screenshots

What I got

image image

What I want

image image

System information