-
Notifications
You must be signed in to change notification settings - Fork 125
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: (platform) input group states #3333
fix: (platform) input group states #3333
Conversation
Deploy preview for fundamental-ngx ready! Built with commit 25d00e2 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good.
@@ -30,7 +30,7 @@ | |||
<p>Icon as an addon</p> | |||
<fdp-input-group name="employee" placeholder="Email"> | |||
<fdp-input-group-addon> | |||
<i class="sap-icon--email"></i> | |||
<span class="sap-icon--email" title="Email"></span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why did you change it to a span? Also, you probably need aria-hidden="true"
for a11y purposes. You can check some blog posts about it https://a11y-101.com/development/icons-and-links
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's also in the docs part so you can ignore my comment :) Just wanted to say it's a good to have thing :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I added aria-hidden and reverted <span>
to <i>
(chnaged to span previously because it makes icon in italic, but that's should be fixes once latest fundamental-styles gets released).
Thanks!
62fb870
to
25d00e2
Compare
Please provide a link to the associated issue.
#3324
#3316
Please provide a brief summary of this pull request.
Added disabled state for fdp-input-group input and addon buttons.
In example added tootlip for an icon.
Please check whether the PR fulfills the following requirements
https://github.com/SAP/fundamental-ngx/blob/master/CONTRIBUTING.md
https://github.com/SAP/fundamental-ngx/wiki/PR-Review-Checklist
Documentation checklist:
README.md