Change Icon dialog cannot be opened


Description

When trying to change the icon for an item in Content Editor by clicking More Items (on the Configure tab in the Appearance chunk, in the Icon drop-down) or clicking directly on an item's icon at the top of content area, the page becomes unresponsive and the following error might appear in the browser's console:

Uncaught Error: Syntax error, unrecognized expression: img[usemap=#Applications]
    at Function.fa.error (jquery-1.12.4.min.js:2)
    at fa.tokenize (jquery-1.12.4.min.js:2)
    at fa.select (jquery-1.12.4.min.js:2)
    at Function.fa [as find] (jquery-1.12.4.min.js:2)
    at n.fn.init.find (jquery-1.12.4.min.js:2)
    at new n.fn.init (jquery-1.12.4.min.js:2)
    at n (jquery-1.12.4.min.js:2)
    at i (jquery-ui-1.10.3.min.js:6)
    at Array.focusable (jquery-ui-1.10.3.min.js:6)
    at jquery-1.12.4.min.js:2

Solution

To resolve the issue, apply the following workaround:

  1. Open the /sitecore/shell/Controls/Lib/jQuery folder.
  2. Disable the jquery-1.12.4.min.js file by renaming it to jquery-1.12.4.min.js.disabled.
  3. Create a copy of the jquery-1.10.2.min.js file.
  4. Rename this copy to jquery-1.12.4.min.js.
  5. Clear the browser cache.