n8n-io / n8n

Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
https://n8n.io
Other
47.3k stars 7.08k forks source link

[UI BUG] the delete button deleting the next field instead of selected one. #9679

Open ARHAEEM opened 4 months ago

ARHAEEM commented 4 months ago

Bug Description

When trying to remove an field , it's deleting the next one instead of the selected one.

https://github.com/n8n-io/n8n/assets/63544079/98ea8c83-136c-4a08-99b6-a24c338f001f

To Reproduce

Expected behavior

It should delete the selected one instead of the next one. I think it's because my screen is big, and the fields are showing as one line.

Operating System

Ubuntu Linux 22.4

n8n Version

Version: 1.44.1, Selfhosted.

Node.js Version

Docker image.

Database

PostgreSQL

Execution mode

main (default)

ARHAEEM commented 4 months ago

When I close the header of fields to be vertical, the problem gets worse. The delete button acts to delete random field instead of the selected one, and sometimes it deletes the selected one. It's happening randomly.

https://github.com/n8n-io/n8n/assets/63544079/cde56495-f331-4bb9-b800-095afcf7e1bb

EricFrancis12 commented 4 months ago

I tried to recreate this with a new Edit Fields node and received the expected behavior. Could you download and share the json file so I can test your workflow locally?

Joffcom commented 4 months ago

Hey @ARHAEEM,

Would you be able to share the workflow JSON? I have tried to reproduce this with 26 items in a set node with no luck. Are you also using the standard docker image or a custom one and have you tried running your browser in safe mode / private browsing to rule out any browser extension doing something odd?