Styles form stylesSet for LI applicable only if element selected via elements path

[f1ames]

Are you reporting a feature request or a bug?

Bug

Check if the issue is already reported

Related to stylesSet, but covering slightly different case: https://dev.ckeditor.com/ticket/9405

Provide detailed reproduction steps (if any)

1. Create editor with config like:

{
  stylesSet: [
    { name: 'LI No Margin', element: 'li', attributes: { 'style': 'margin: 0;' } },
    { name: 'LI Small Margin', element: 'li', attributes: { 'style': 'margin: 5px 0;' } },
    { name: 'LI Medium Margin', element: 'li', attributes: { 'style': 'margin: 10px 0;' } }
  ]
}

2. Insert list and try to apply styles defined in stylesSet to list item.

Expected result

It is possible to apply styles when whole list item is selected (I suppose it should not be applicable for partial or collapsed selection).

Actual result

Styles are only applicable when li element has been selected vie elements path.

---

Could be reproduced also on https://codepen.io/f1ames/pen/ypoeLb?editors=1010.

Other details

• Browser: Tested on Chrome and FF
• OS: All
• CKEditor version: 4.7.3
• Installed CKEditor plugins: full preset

[f1ames]

Keeping for future reference as it was fixed in 4.8.0 with #862.