I have a popup Javascript widget with an icon that is embedded into the right-hand corner of my site (by default.) The user can drag and drop the widget icon to another corner of the site if they wish, but can also click on the widget icon to open the widget and interact with it (imagine those popup chatbot boxes.)
Currently, I change the cursor to dragging
if the user has fired mousedown
and then mousemove
. mouseover
sets the cursor to pointer
to indicate that it can be clicked. I feel like it is not obvious that it can be dragged and dropped to another corner. I could have a "change icon location" selection within the opened widget, but I like the ease with which the icon can be dragged to different corners. Does this fall into the realm of "if the user really wanted to move the icon, they'd likely expect it to be draggable and thus would figure out that it is"?
Any thoughts on some hints that I could use to suggest draggability? Currently, the icon only chnages position to another corner if the user drags their mouse to within a set boundary of the next corner. Any thoughts would be appreciated.