Tinymce image selection not working in chrome 58

Found in

EPiServer.CMS.UI 10.8.0

Fixed in

EPiServer.CMS.UI 10.9.1

(Or a related package)

Created

Apr 21, 2017

Updated

May 02, 2017

Area

CMS UI

State

Closed, Fixed and tested


Description

Steps to reproduce:
1. Create a Alloy site
2. Use hte latest episerver version(10.8.0)
3. Open chrome 58.
4. Go to a xhtmlstring(tinymce) property and add a image. (or you could just go to a page with an xhtmlstring property with an image in it)
5. Try selecting the image to change it. By selecting I mean only clicking on it. If you drag the mouse at the same time I think the selection will work.

Expected:
No issues

Actual:
The error will be logged to the browser console and the selection will fail.

Note: This is a known issue with tinymce and is fixed with the latest version:
https://www.tinymce.com/docs/changelog/#version454-february232017

Error message:
tiny_mce_src.js:1 Uncaught DOMException: Failed to execute 'setBaseAndExtent' on 'Selection': There is no child at offset 1.
at Editor.<anonymous> (http://localhost:56809/EPiServer/CMS/10.8.0.0/ClientResources/Editor/tiny_mce/tiny_mce_src.js:1:15226)
at Dispatcher.dispatch (http://localhost:56809/EPiServer/CMS/10.8.0.0/ClientResources/Editor/tiny_mce/tiny_mce_src.js:1:6408)
at DOMUtils.n (http://localhost:56809/EPiServer/CMS/10.8.0.0/ClientResources/Editor/tiny_mce/tiny_mce_src.js:5:32113)
at r (http://localhost:56809/EPiServer/CMS/10.8.0.0/ClientResources/Editor/tiny_mce/tiny_mce_src.js:2:22634)
at HTMLDocument.y (http://localhost:56809/EPiServer/CMS/10.8.0.0/ClientResources/Editor/tiny_mce/tiny_mce_src.js:2:22943)