Lightrun
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.

jss-plugin-vendor-prefixer prefixes CSS custom properties

See original GitHub issue

Expected behavior: jss-plugin-vendor-prefixer produces -webkit---padding-start: 0'; for --padding-start: 0. This style should be left as is: it is not padding-start, but --padding-start, an Ionic Framework variable (otherwise it would be easy enough to use a different variable name to not run into this issue).

Describe the bug: jss-plugin-vendor-prefixer should only prefix exact matches and correctly detect when things like --padding-start are set instead of padding-start.

Versions:

  • jss: 10.0.0-alpha.16
  • Browser [e.g. chrome, safari]: Chrome
  • OS [e.g. Windows, macOS]: macOS

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
AleshaOlegcommented, Jul 2, 2019

@kof yes, forgot to write fix version here. Fixed in 2.0.4.

0reactions
kofcommented, Jul 2, 2019

I think we released the fix already

Read more comments on GitHub >

github_iconTop Results From Across the Web

Custom properties (--*): CSS variables - MDN Web Docs
Property names that are prefixed with --, like --example-name, represent custom properties that contain a value that can be used in other ...
Read more >
What CSS prefixes should I use?
An overview of what CSS features to prefix. ... This page has one purpose: simply show what prefixes are needed for a newer...
Read more >
A Strategy Guide To CSS Custom Properties
CSS Custom Properties (sometimes known as 'CSS variables') are now ... Custom properties follow a similar conventions and use a -- prefix:.
Read more >
CSS Custom Properties (vars) with SASS/SCSS, a practical ...
CSS Custom Properties (vars) with SASS/SCSS, a practical architecture strategy · $prefix: pf; :root { --#{$prefix}-primary-color: #000000; // ...
Read more >
Is Vendor Prefixing Dead? - CSS-Tricks
It's a motley group! #, Name, Properties/Values, Description, Prefix required, Unprefixed support, Prefixed support, Improvement with prefixes ...
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
Previous page

Dynamic values update issue

Next page

[FEATURE REQUEST] Config to make internal styles in head AND to insert rules directly to the CSSStyleSheet