[Icon] - "image icon", in some cases is replaced by image element

[ghost]

Steps to Reproduce

1. Create an element that contains an "image icon" class. (ex: button) inside other element.
2. Add other elements with icons to compare this with others.
3. Check CSS element with the inspector (The CSS attributes of this element usually are replaced by the attributes of the "image" element and it can be crashed when the state of this element is in repose or on hover, on both cases.).

Expected The element should be displayed correctly as other icon elements.

Result You can see some anomalous behavior on the the element with "icon image", for example:

• The image not have a background color.
• On hover, when the element has a "data-tooltip" inside this, it isn't displayed properly and crashes with other "icon" elements.

Recommendation Replace the name of the icon "image" by other like "picture", or fix the CSS (Maybe, using :not() in other elements aren't used as image element).

Testcase (fork this to get started) http://jsfiddle.net/rduvhn8u/138/

[stale[bot]]

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!