Drag-and-drop CKEditor toolbar configuration: rough edges

Provided by wwalc (CTO of CKEditor) at #1894644-39: Unidirectional editor configuration -> filter settings syncing:

Styles combo configuration: too restrictive (?), too cryptic error message

2) When specifying styles for the Styles combo I got a very cryptic error message:

The provided list of styles is syntactically incorrect.

Maybe it would be good to display the line that is invalid?

In my case the problem was in... code|Computer Code

Note that CKEditor works fine if just a tag is used to style text.
For example this is a small part of the default (sample) styles.js file:

{ name: 'Computer Code',	element: 'code' },
{ name: 'Keyboard Phrase',	element: 'kbd' },
{ name: 'Sample Text',	 element: 'samp' },
{ name: 'Variable',	 element: 'var' },

Impossible/hard to drag buttons to the end of a toolbar row

4) Maybe some day in the future: dragging buttons at the end of the toolbar is a bit cumbersome. Whenever I try to do this, it goes back to available buttons. I want to add it at the end so I slowly move it to the right outside of the active toolbar, and then I drag the button down to the right place (it does not work).

It's a bit counterintuitive that to add the button at the end, one have to move it exactly over the last button.

Drag-and-drop edge cases

5) The form in admin/config/content/formats/basic_html is quite big so I have a scrollbar on the right side on this page. It looks like this is causing some problems with d&d operations.

When I scroll the page down and back, then start dragging buttons, strange issues start happening like: dragged button is not visible at all, dragged button appears 200px above the mouse pointer etc.

Depressingness of "Allowed HTML tags" field

[OT]

The little "Allowed HTML tags" field is depressing for anyone that actually cares what's there ;)