question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'background-clip: text' not vendor prefixed

See original GitHub issue

Environment

System:

  • OS: macOS 10.14.1
  • CPU: (8) x64 Intel® Core™ i7-4870HQ CPU @ 2.50GHz
  • Memory: 464.39 MB / 16.00 GB
  • Shell: 3.2.57 - /bin/bash

Binaries:

  • Node: 10.13.0 - ~/.nvm/versions/node/v10.13.0/bin/node
  • npm: 6.4.1 - ~/.nvm/versions/node/v10.13.0/bin/npm

npmPackages:

  • styled-components: ^4.1.1 => 4.1.1

Reproduction

https://codesandbox.io/s/x3m9v30lkw

Steps to reproduce

Create a styled component using background-clip: text property.

Expected Behavior

Get a vendor prefix

Actual Behavior

No vendor prefix, style is broken

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
probablyupcommented, Nov 23, 2018

Thanks @dschu-lab. Going to close this issue since there’s nothing to be done on our end.

1reaction
probablyupcommented, Nov 22, 2018

Can you make an issue against stylis? That’s the library we use for prefixing. On Thu, Nov 22, 2018 at 5:33 AM Julian Müller notifications@github.com wrote:

Environment System:

  • OS: macOS 10.14.1
  • CPU: (8) x64 Intel® Core™ i7-4870HQ CPU @ 2.50GHz
  • Memory: 464.39 MB / 16.00 GB
  • Shell: 3.2.57 - /bin/bash

Binaries:

  • Node: 10.13.0 - ~/.nvm/versions/node/v10.13.0/bin/node
  • npm: 6.4.1 - ~/.nvm/versions/node/v10.13.0/bin/npm

npmPackages:

  • styled-components: ^4.1.1 => 4.1.1

Reproduction

https://codesandbox.io/s/x3m9v30lkw Steps to reproduce

Create a styled component using background-clip: text property. Expected Behavior

Get a vendor prefix Actual Behavior

No vendor prefix, style is broken

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/styled-components/styled-components/issues/2237, or mute the thread https://github.com/notifications/unsubscribe-auth/AAiy1rjSXKxWmbfgqStXkrzyE0I7tGLeks5uxouHgaJpZM4YvLC7 .

Read more comments on GitHub >

github_iconTop Results From Across the Web

background-clip - CSS: Cascading Style Sheets | MDN
If the element has no background-image or background-color , this property will only ... Requires a vendor prefix or different name for use....
Read more >
Why my -webkit-background-clip: text ; is not working
I m tring to make an animation for text with gradient but my -webkit-background-clip:text; is not working please check whats the issue here:....
Read more >
'background-clip' problem - CSS HTML Validator Support
The "-webkit-background-clip" vendor prefixed property is now considered obsolete and/or useless. Today, it is recommended that only the ...
Read more >
background-clip | CSS-Tricks
background-clip lets you control how far a background image or color ... Fortunately, there is another vendor-prefixed text color property ...
Read more >
CSS background-clip text | Michael Gearon
The “background-clip: text” is supported in all main browsers with the Webkit prefix, it allows a background image to be clipped by a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found