FoamFactory / FoamFactory/taphandle

Password confirmation fields edited in a weird order sometimes don't clear password errors

Open
#19 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

**Steps to Reproduce**:
1. Add the following HTML to the `examples/` folder:

```


All Field Examples




body {
margin: 1em;
}

body > * {
margin-bottom: 1em;
}

.field {
width: 40%;
}

All Field Examples




Note




For all examples, the prefix used is ninkasi.


Full Name




Generic Text




Password




Please enter a password




Password Confirmation




Please enter a password confirmation




Username



taphandle.ComponentBehaviors.getInstance('ninkasi', {
'fieldErrorClass': 'is-danger'
});

let element = document.getElementById('text-field-password-confirmation');
// setTimeout(() => {
taphandle.ComponentBehaviors.setElementInvalid(element, "Blorf dude");
// }, 1000);

```

2. Open the aforementioned HTML page with the latest code compiled in `lib`.
3. Edit the password confirmation field and enter `abcqweabc`.
4. Edit the password field and input `123qwe456`.
5. Edit the password confirmation field and enter `123qwe456`.

**Expected Behavior**:
- :heavy_check_mark: Both the password and password field error messages are invisible.

**Actual Behavior**:
- :x: The password confirmation error message is cleared, but the password error message still shows 'The password and its confirmation do not match'.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.