Bug Report: Duplicate ID and Name Attributes in OpenHive Wallet Website
5 comments

There is a bug on the OpenHive Wallet website where the checkboxes for "Received from" and "Transfer to" under the "Filter By User" section have the same id
and name
attributes as the previous checkboxes in the "Transactions" section.
<div className="column small-4">
<p>Filter By User</p>
<div>
<input
onChange={handleFromUser}
type="checkbox"
id="outgoing"
name="outgoing"
/>
<label htmlFor="outgoing">
Received from
</label>
</div>
<div>
<input
onChange={handleToUser}
type="checkbox"
id="outgoing"
name="outgoing"
/>
<label htmlFor="outgoing">
Transfer to
</label>
</div>
</div>
Problem:
The id
and name
attributes for "Received from" and "Transfer to" checkboxes are both set to outgoing, which conflicts with the id
and name
of the outgoing checkbox in the "Transactions" section. This can lead to incorrect form behavior and UI issues.
Solution:
Assign unique id
and name
attributes to each checkbox to avoid conflicts.
Example Fix:
<div className="column small-4">
<p>Filter By User</p>
<div>
<input
onChange={handleFromUser}
type="checkbox"
id="receivedFrom"
name="receivedFrom"
/>
<label htmlFor="receivedFrom">
Received from
</label>
</div>
<div>
<input
onChange={handleToUser}
type="checkbox"
id="transferTo"
name="transferTo"
/>
<label htmlFor="transferTo">
Transfer to
</label>
</div>
</div>

Comments