U4-4300 - Issue: ColorPicker does not display colors in Internet Explorer 11

Created by Robert Foster 26 Feb 2014, 02:02:08 Updated by Sebastiaan Janssen 26 Feb 2014, 09:30:07

Internet Explorer seems to modify the value in the style attribute due to invalid syntax, blocking AngularJS from rendering the value of the color properly. As a result, the background is not styled with any of the configured colours.

using the F12 Developer tools reveals the following when selecting one of the color elements:

Current Template: Inline Style: background-color: {{val}; // notice the missing '}' at the end Rendered HTML:

It seems that IE is modifying the style value for background-color thereby invalidating the AngularJS syntax...


Robert Foster 26 Feb 2014, 02:13:50

This can be resolved by changing the template to use ng-style instead of trying to embed the value directly into the style attribute:

Priority: Normal

Type: Bug

State: Fixed


Difficulty: Very Easy


Backwards Compatible: True

Fix Submitted: Inline code

Affected versions: 7.0.4

Due in version: 7.1.0


Story Points: