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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(module:inputpassword): focus fix #1146

Merged
merged 4 commits into from
Feb 22, 2021

Conversation

anddrzejb
Copy link
Member

馃 This is a ...

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

馃敆 Related issue link

#952

馃挕 Background and solution

For password <input> tag is wrapped in a span

<span class="ant-input-affix-wrapper  ant-input-password">

That span (base on react ant design) should get an extra class on focus ant-input-affix-wrapper-focus. My fix is including this class when input password receives focus.

鈽戯笍 Self Check before Merge

鈿狅笍 Please check all items below before review. 鈿狅笍

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

@codecov-io
Copy link

codecov-io commented Feb 19, 2021

Codecov Report

Merging #1146 (0e27b5d) into master (635cb8f) will decrease coverage by 0.00%.
The diff coverage is 0.00%.

Impacted file tree graph

@@            Coverage Diff            @@
##           master   #1146      +/-   ##
=========================================
- Coverage    6.55%   6.55%   -0.01%     
=========================================
  Files         436     436              
  Lines       24414   24427      +13     
=========================================
  Hits         1600    1600              
- Misses      22814   22827      +13     
Impacted Files Coverage 螖
components/input/Input.cs 0.00% <0.00%> (酶)
components/input/Search.razor.cs 0.00% <酶> (酶)

Continue to review full report at Codecov.

Legend - Click here to learn more
螖 = absolute <relative> (impact), 酶 = not affected, ? = missing data
Powered by Codecov. Last update 635cb8f...0e27b5d. Read the comment docs.

@anddrzejb
Copy link
Member Author

@ElderJames Hold with merge. Same problem is with Search component and input with prefix/suffix.

@anddrzejb anddrzejb marked this pull request as draft February 21, 2021 09:34
@anddrzejb
Copy link
Member Author

anddrzejb commented Feb 21, 2021

The commit 333673c solved the problem of focus for password, search and input with AllowClear or Prefix or Suffix (all of them were not focusing). It is a unified solution, meant for all components that use Input.cs as their base. @ElderJames I think it is ready for merge.

@anddrzejb anddrzejb marked this pull request as ready for review February 21, 2021 20:11
Copy link
Member

@ElderJames ElderJames left a comment

Choose a reason for hiding this comment

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

Thanks.

@ElderJames ElderJames merged commit df2cabd into ant-design-blazor:master Feb 22, 2021
@ElderJames ElderJames linked an issue Feb 22, 2021 that may be closed by this pull request
@anddrzejb anddrzejb deleted the inputpasswordFocusFix branch February 22, 2021 07:09
ElderJames pushed a commit that referenced this pull request Apr 23, 2022
* fix(module:inputpassword): focus fix

* fix(module:search): focus fix

* fix(module:input): (and descendants) focuse fix
ElderJames pushed a commit that referenced this pull request Apr 30, 2022
* fix(module:inputpassword): focus fix

* fix(module:search): focus fix

* fix(module:input): (and descendants) focuse fix
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

PasswordInput
3 participants