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(input): missing rtl className for count in TextArea #41319

Merged
merged 1 commit into from
Mar 19, 2023

Conversation

ds1371dani
Copy link
Contributor

@ds1371dani ds1371dani commented Mar 18, 2023

[中文版模板 / 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

💡 Background and solution

When showCount is used, it should be positioned at the end of the element

image

Examples of the problem:

📝 Changelog

Language Changelog
🇺🇸 English 🐞 Fix Input.TextArea position in RTL mode when using showCount.
🇨🇳 Chinese 🐞 使用 showCount 时修复了 RTL 模式下 Input.TextArea 的位置。

☑️ 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 Mar 18, 2023

@kiner-tang kiner-tang changed the title FIX: missing rtl className for count in TextArea fix(input): missing rtl className for count in TextArea Mar 18, 2023
@kiner-tang kiner-tang requested a review from MadCcc March 18, 2023 08:28
@codecov
Copy link

codecov bot commented Mar 18, 2023

Codecov Report

Patch and project coverage have no change.

Comparison is base (0f1bc24) 100.00% compared to head (296f4dc) 100.00%.

Additional details and impacted files
@@            Coverage Diff            @@
##            master    #41319   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          610       610           
  Lines        10452     10452           
  Branches      2848      2848           
=========================================
  Hits         10452     10452           
Impacted Files Coverage Δ
components/input/TextArea.tsx 100.00% <ø> (ø)

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 in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

@@ -104,6 +104,7 @@ const TextArea = forwardRef<TextAreaRef, TextAreaProps>(
countWrapper: classNames(
`${prefixCls}-textarea`,
`${prefixCls}-textarea-show-count`,
{ [`${prefixCls}-textarea-show-count-rtl`]: direction === 'rtl' },
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
{ [`${prefixCls}-textarea-show-count-rtl`]: direction === 'rtl' },
`${prefixCls}-textarea-show-count-rtl`: direction === 'rtl',

How about this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

We can't do that, we need the object to be able to use our direction condition

@afc163 afc163 merged commit 00bbd66 into ant-design:master Mar 19, 2023
@PeachScript PeachScript mentioned this pull request Mar 20, 2023
20 tasks
RedJue pushed a commit to RedJue/ant-design that referenced this pull request Apr 25, 2023
RedJue pushed a commit to RedJue/ant-design that referenced this pull request Apr 25, 2023
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.

None yet

3 participants