Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

[LESS/SCSS support] CSS inline editor won't show anything if the rule has a function like rgba( ... ). #8966

Closed
RaymondLim opened this issue Sep 4, 2014 · 3 comments

Comments

@RaymondLim
Copy link
Contributor

CSS

.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
  1. Create a css file with the above code.
  2. In an html page add class="alert" to any tag and invoke the inline editor.

Result: CSS inline editor opens with a blank content.

@peterflynn
Copy link
Member

Note: it appears to only repro if the CSS property has a vendor prefix, like the middle line above. If you take that line out, the bug goes away.

@RaymondLim
Copy link
Contributor Author

Lower to medium priority since the issue can be repro only if the following conditions are met.

  • property name needs to have a vendor prefix.
  • Property value needs to have a function notation like rgb() and has to be followed by a comma.

@RaymondLim
Copy link
Contributor Author

Closing as fixed.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants