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

When a table (NTable) is added dynamically, an unexpected black line appears because of the border-color transition effect #2403

Closed
hz2 opened this issue Feb 15, 2022 · 0 comments · Fixed by #2417
Assignees
Labels
bug Something isn't working priority: high

Comments

@hz2
Copy link

hz2 commented Feb 15, 2022

TuSimple/naive-ui version (版本)

2.25.2

Vue version (Vue 版本)

3.2.16

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

Chrome/99.0.4844.17

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

Linux debian 5.10.0-11-amd64

Node version (Node 版本)

Reappearance link (重现链接)

https://stackblitz.com/edit/vue-qxoqqm?file=src/components/HelloWorld.vue

Reappearance steps (重现步骤)

动态添加表格 (NTable) 的时候,.n-table td 有一个 transition 效果,border-color 缺省的时候,会使用 color 的值,造成过渡的过程中,会出现从字体颜色到边框颜色一闪而过。

When dynamically adding a table (NTable), .n-table td has a transition effect, and border-color defaults to the value of color, causing a flash from font color to border color during the transition.

简化的复现版本
A simplified reproduction

https://codepen.io/hzz/pen/WNXZdyv

Expected results (期望的结果)

Do not appear black line

Actual results (实际的结果)

A black line appears

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Feb 15, 2022
@07akioni 07akioni added bug Something isn't working priority: high and removed untriaged need to sort labels Feb 15, 2022
@XieZongChen XieZongChen self-assigned this Feb 16, 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 priority: high
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants