id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc
14515	Nested widget hover css selects all children	Rycochet		"== Steps to reproduce ==

1. Create a widget.
2. Place several widgets inside.
3. Hover mouse over outer widget - all nested widgets get a yellow outline.

== Expected result ==
Only the widgets being hovered over should get an outline.

== Actual result ==
All children of the outermost widget get highlighted.

== Other details (browser, OS, CKEditor version, installed plugins) ==
n/a

== Fix ==
Currently the following css gets added to the page -

{{{
.cke_widget_wrapper:hover .cke_widget_editable {
	outline: 2px solid yellow;
}
}}}

Changing it to this fixes the issue -

{{{
.cke_widget_wrapper:hover > .cke_widget_editable {
	outline: 2px solid yellow;
}
}}}
"	Bug	confirmed	Normal		UI : Widgets