Acceptance criteria

• If a draggable is dropped within a dropzone, it shows a tooltip with the text of the draggable when hovering it. Otherwise, it does not show the tooltip.

Background

When the text of a draggable is longer than 20 characters, it gets truncated when dropped into a dropzone. Many users have complained about this behavior. This issue was discussed with .

Potential obvious options were to:

• Make all drop zones as large as the largest draggable, so no draggable text would need to be truncated. That would potentially create lots of very large drop zones where they were not required.

• Enlarge a drop zone if a draggable with text exceeding the available width is dropped. The draggable would then fully fit into the drop zone without truncating the text. That, however, would cause the text to shift a lot.

“UX” decided the way to fix this was to offer a tooltip with the full text on dropped draggables. Instead of creating a custom tooltip solution, the Tooltip class in H5P core should be used. Now that is tackled, tackling this issue makes sense, too.

Suggestion

Pull request at: