Tinymce image selection not working in chrome 58

Found in

EPiServer.CMS.UI 10.8.0

Fixed in

EPiServer.CMS.UI 10.9.1

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)