### Current

While renaming a dashboard widget title the edit field takes the entire width:


* The widget can only be moved using the drag and drop handle icon left to the title which is not very intuitive.

### Expected

Begin of the insertion* When hovering the title
* There is an slim border around the current title text indicating that the text could become an editable field (depending on the user's permissions)
* End of the insertion After clicking into the title Begin of the insertion
End of the insertion Begin of the deletion

End of the deletion * Begin of the insertionThe border becomes thicker
* The border remains thick also whenEnd of the insertion the Begin of the insertionmouse is outside the field but the focus is still inside
* TheEnd of the insertion width Begin of the insertionof the text input fieldEnd of the insertion changes dynamically Begin of the insertion
End of the insertion Begin of the deletion
End of the deletion * It is possible to click in the middle of a Begin of the insertiontitle. So the editing starts exactly where clicked e.g. in the middle of a wordEnd of the insertion Begin of the deletion titleEnd of the deletion
* Begin of the insertionDrag and drop behavior
* When clicking on a title without releasing the mouse button you can drag and drop the entire widget (similar to Asana).

### Example 1: editing aEnd of the insertion Begin of the deletion Example:End of the deletion document title in Google Begin of the insertionDocs 



End of the insertion Begin of the deletion Docs

End of the deletion  Begin of the insertion

### Example 2: Drag and drop an editable field in Asana boards


Please note that Asana misses two important things:

1. Indicating that the list title is editable (thin border at hover)
2. When click and release on the title the position of the cursor is not where you clickedEnd of the insertion