form-js icon indicating copy to clipboard operation
form-js copied to clipboard

Change the cursor to pointer when hovering interactive form elements

Open volodymyr-melnykc opened this issue 10 months ago • 0 comments

What should we do?

When hovering over interactive form elements, change the cursor to a pointer. This change will improve the user experience by making the interface more intuitive.

Why should we do it?

In the form editor, when the user hovers over interactive elements (like buttons, select options, dropdowns), the cursor remains the default style instead of changing to a pointer. This behavior can lead to a confusing user experience, as the pointer cursor is a well-established visual cue in user interfaces that signals an element is clickable.

See the video below:

https://github.com/bpmn-io/form-js/assets/143816833/164de513-6b0d-4396-bf14-9b6b0de154aa

Changing the cursor to a pointer on hover would improve the usability of the form editor as it'll clearly indicate which elements are interactive.

volodymyr-melnykc avatar Apr 12 '24 09:04 volodymyr-melnykc