Details
-
Bug
-
Resolution: Duplicate
-
Low
-
None
-
6.14.0
-
None
-
1
-
Severity 3 - Minor
-
Description
Issue Summary
The cursor for the image hover in TinyMCE 4 has changed from a pointer 'hand' to a move '4 way arrow' which can be quite confusing when using linked images for navigation as the user is not aware it's actually a clickable link.
Environment
- Confluence 6.14.0 and above
- TinyMCE 4 in use
Steps to Reproduce
- Add an image to a page
- Attach link to image & publish
- Hover your mouse over the image
- Notice the cursor is the 'move' cursor
Expected Results
- Any link always displays the standard 'pointer' cursor or hand, indicating it's a link
Actual Results
- All images now show the 'move' cursor, even when a link is included
Notes
- Whilst this update to Tiny MCE 4 affects all images, it's really the links where this is most problematic
- The CSS that is causing this is:
.wiki-content img.confluence-embedded-image, .wiki-content img.editor-inline-macro, .wiki-content table.wysiwyg-macro { cursor: move; }
- Previously it referenced, cursor: pointer;
Workaround
Disable TinyMCE 4 editor and rollback to v3:
- Vist http://<conf-URL>/admin/darkfeatures.action
- Add frontend.editor.v4.disable to the list at the bottom
OR
Add this to the admin Stylesheet
.wiki-content img.confluence-embedded-image, .wiki-content img.editor-inline-macro, .wiki-content table.wysiwyg-macro { cursor: pointer !important; }
Attachments
Issue Links
- duplicates
-
CONFSERVER-57843 Mouse Cursor displayed incorrectly when hovering over attached Image in Confluence Page
- Short Term Backlog
- is related to
-
CONFCLOUD-57252 Move cursor is showing a crosshair instead of pointer cursor when hovering over an image
- Closed