Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

parse css by postcss error, when use ; delimiter in transition. #3211

Closed
chenzhiwei199 opened this issue Jun 29, 2022 · 1 comment
Closed
Labels
bug Something isn't working

Comments

@chenzhiwei199
Copy link

TuSimple/naive-ui version (版本)

2.30.7

Vue version (Vue 版本)

3.2.37

Browser and its version (浏览器及其版本)

102.0.5005.115

System and its version (系统及其版本)

Apple M1 Pro

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/gifted-water-13wl8g?file=/src/App.js

Reappearance steps (重现步骤)

just open reproduction demo

Expected results (期望的结果)

change transition: color .3s var(--n-bezier); border-color .3s var(--n-bezier); to
transition: color .3s var(--n-bezier), border-color .3s var(--n-bezier);

Actual results (实际的结果)

parse css error when use delimiter ; in transition properties.

Remarks (补充说明)

在transition里面使用 ; 来进行多个属性的 过渡效果分隔的时候,使用postcss.parse 无法解析,合理的 分隔符号也应该是 , 号。

@github-actions github-actions bot added the untriaged need to sort label Jun 29, 2022
@oliverzy
Copy link

https://github.com/TuSimple/naive-ui/blob/main/src/_internal/select-menu/src/styles/index.cssr.ts#L61

比如这一行,是一个transition要应用到多个CSS属性上面时,规范上应该是用,隔开,而不是用;

@07akioni 07akioni added bug Something isn't working and removed untriaged need to sort labels Jun 29, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants