Password field with the dual flag and an array in append keeps appending buttons

[mmourafiq]

I think that the Password field passes the append arrays by reference, when used with the dual flag it keeps appending new buttons.

We discovered this issue after migrating a similar custom component to the EUI feature introduced in this PR #3751. This is not a blocking issue, a work around is to use a ReactElement in the append key.

[cchaos]

Can you explain further? My interpretation of your comment is that when using the type="dual" with an append={['array', 'of', 'stuff']} will create the password field with the dual toggle (eye), and three more append items for each of those supplied by the append prop.

This is the correct behavior as the append prop should not override the dual toggle. What is your expected behavior? Screenshots would help here.

[thompsongl]

This is the problem. When clicking the show/hide button, additional buttons are added.

[mmourafiq]

@cchaos Sorry for the delay and for the poor description in the issue, I should have provided a reproducible example, I created this issue quickly before leaving for a meeting.
@thompsongl thank you for the example.