Page MenuHomePhabricator

Editing a file annotation requires very careful mouse movement
Open, MediumPublic

Description

Let's say you're looking at an annotation like:

pasted_file (337×725 px, 135 KB)

You want to click on "Edit", so you move your mouse like this:
pasted_file (337×725 px, 139 KB)

Whoops, the annotation disappeared, because we left the yellow-border area of the annotation before mousing over the grey-border box. We actually need to do this:
pasted_file (337×725 px, 139 KB)

This is pretty annoying.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

I can think of a few ways to fix this, but the easiest one would probably be to display the annotation popup just below the yellow frame, rather than below and to the right. If we want to keep the position, there should be a small delay before it disappears, or the area between should keep the annotation hovered.

Change 312281 had a related patch set uploaded (by MarkTraceur):
Make annotations popups, move them around

https://gerrit.wikimedia.org/r/312281

Jdforrester-WMF triaged this task as Medium priority.

Hey, did you guys look at https://annotorious.github.io/ for the UI at all? I wonder if they've solved some of these UI issues...

Hey, did you guys look at https://annotorious.github.io/ for the UI at all? I wonder if they've solved some of these UI issues...

Thanks for sharing @cscott. The polygon and openlayers demos (T151860) are great! The rest of the UI seems quite similar to the gadget currently on commons.


This particular issue about the mouse movement is easily solved as @matmarex pointed out, and as we currently do in Page-Previews:

…there should be a small delay before it disappears…

Hey, did you guys look at https://annotorious.github.io/ for the UI at all? I wonder if they've solved some of these UI issues...

Thanks for sharing @cscott. The polygon and openlayers demos (T151860) are great! The rest of the UI seems quite similar to the gadget currently on commons.


This particular issue about the mouse movement is easily solved as @matmarex pointed out, and as we currently do in Page-Previews:

…there should be a small delay before it disappears…

MarkTraceur moved this task from Needs code review to Triaged on the Multimedia board.
MarkTraceur subscribed.