vercel/styled-jsx

CSS `content` property no longer renders encoded characters

オープン

#589 opened on 2019/10/15

 (17 件のコメント) (1 件のリアクション) (0 人の担当者)JavaScript (310 件のフォーク)batch import
bughelp wanted

Repository metrics

Stars
 (7,547 個のスター)
PR merge metrics
 (PR metrics pending)

説明

Do you want to request a feature or report a bug?

bug

What is the current behavior?

Old behavior now must be done through string-literal instead of standard string.

If the current behavior is a bug, please provide the steps to reproduce and possibly a minimal demo or testcase in the form of a Next.js app, CodeSandbox URL or similar

The following no longer works in NextJS 9.1.1 to render a encoded character:

<style jsx>{`
.whatever-class:after { content: "\\0025B6"; };
</style>

We now have to do:

.whatever-class:after { content: ${`"\\0025B6"`}; }

What is the expected behavior?

Standard way of rendering content should still work.

Environment (include versions)

  • OS: macOS Catalina
  • Browser: Chrome 77
  • styled-jsx (version): NextJS 9.1 bundled (styled-jsx@3.2.2)

Did this work in previous versions?

Yes

コントリビューターガイド