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

Check if addClass is truthy before adding it to element #81

Merged
merged 1 commit into from
Nov 2, 2023
Merged

Check if addClass is truthy before adding it to element #81

merged 1 commit into from
Nov 2, 2023

Conversation

davidkarlsson
Copy link
Contributor

DOMTokenList::add() throws a DOMException if you try to add an empty string as a class. This check prevents this from happening so that you can set ValidationInputValidCssClassName etc. to an empty string if you don't want to add classes for valid input fields or messages for instance.

DOMTokenList::add() throws a DOMException if you try to add an empty string as a class. This check prevents this from happening so that you can set ValidationInputValidCssClassName etc. to an empty string if you don't want to add classes for valid input fields or messages for instance.
@@ -1254,7 +1254,7 @@ export class ValidationService {
* @param removeClass Class to remove
*/
private swapClasses(element: Element, addClass: string, removeClass: string) {
if (!element.classList.contains(addClass)) {
if (addClass && !element.classList.contains(addClass)) {
element.classList.add(addClass);
}
if (element.classList.contains(removeClass)) {
Copy link
Owner

Choose a reason for hiding this comment

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

Does this throw if removeClass is blank? I wonder if we should protect against that too.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, it throws if you call element.classList.remove('') but the contains(removeClass) check prevents that from happening so I didn't add it for that case.

Copy link
Owner

Choose a reason for hiding this comment

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

Ah, makes sense. Thanks for following up and the contribution!

Copy link
Owner

@haacked haacked left a comment

Choose a reason for hiding this comment

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

I'll take this as-is. We may want to add the same check for removeClass in a future PR.

@haacked haacked merged commit 2430929 into haacked:main Nov 2, 2023
1 check passed
@haacked
Copy link
Owner

haacked commented Nov 2, 2023

This is now live on NPM https://www.npmjs.com/package/aspnet-client-validation

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.

2 participants