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

fix: Tabs inkBar in StrictMode #39653

Merged
merged 3 commits into from Dec 19, 2022
Merged

fix: Tabs inkBar in StrictMode #39653

merged 3 commits into from Dec 19, 2022

Conversation

zombieJ
Copy link
Member

@zombieJ zombieJ commented Dec 19, 2022

[中文版模板 / Chinese template]

🤔 This is a ...

  • New feature
  • Bug fix
  • Site / documentation update
  • Demo update
  • Component style update
  • TypeScript definition update
  • Bundle size optimization
  • Performance optimization
  • Enhancement feature
  • Internationalization
  • Refactoring
  • Code style optimization
  • Test Case
  • Branch merge
  • Workflow
  • Other (about what?)

🔗 Related issue link

fix #39631
fix #39494

💡 Background and solution

📝 Changelog

Language Changelog
🇺🇸 English Fix Tabs inkBar not show in StrictMode.
🇨🇳 Chinese 修复 Tabs inkBar 在 StrictMode 下不展示的问题。

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

  • Doc is updated/provided or not needed
  • Demo is updated/provided or not needed
  • TypeScript definition is updated/provided or not needed
  • Changelog is provided or not needed

@github-actions
Copy link
Contributor

github-actions bot commented Dec 19, 2022

@@ -263,6 +267,7 @@ exports[`Tabs tabBarGutter should work 2`] = `
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
data-node-key="null"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

null 需要渲染出来么?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

像是个 bug,我瞅瞅

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

像是个 bug,我瞅瞅

Update:发现是测试用例写的比较随便,没给 key。另外 data-node-keyquerySelector 需要用,总是有的。

@github-actions
Copy link
Contributor

github-actions bot commented Dec 19, 2022

size-limit report 📦

Path Size
./dist/antd.min.js 373.48 KB (-81 B 🔽)
./dist/antd-with-locales.min.js 426.93 KB (-92 B 🔽)

@codecov
Copy link

codecov bot commented Dec 19, 2022

Codecov Report

Base: 100.00% // Head: 100.00% // No change to project coverage 👍

Coverage data is based on head (ff4b49a) compared to base (64edc6d).
Patch has no changes to coverable lines.

Additional details and impacted files
@@            Coverage Diff            @@
##            master    #39653   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          546       546           
  Lines         9366      9366           
  Branches      2656      2656           
=========================================
  Hits          9366      9366           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

@FeNoMeNa
Copy link

On the latest versions of Chrome the problem is fixed, but it seems that there is a problem for the older ones. I've tested with Chrome 45 (Ant 5.12) and the inkBar is missing.

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

Successfully merging this pull request may close these issues.

inkBar of Tabs is not working with React.StrictMode Tabs not showing underline below tab title
4 participants