I've got a detached toolbar that I've made draggable with jQuery. It has a high z-index so it stays in front of everything else.
When the toolbar is positioned over the editing area (the iframe that CKEDITOR creates), clicking toolbar buttons does nothing. Perhaps the onclick event is captured by the editor? (Not clear, because the toolbar bottom does not reflect the p or h2 of the element "underneath" the toolbar button. The toolbar bottom does reflect the editing area element when you click on the editing area directly.)
The onfocus and onblur events are working -- the toolbar buttons are appropriately highlighted as you mouse over them -- whether or not the toolbar is positioned over the editing area.
Is there something I can do to let the toolbar "see" the onclick event?
Thanks!
When the toolbar is positioned over the editing area (the iframe that CKEDITOR creates), clicking toolbar buttons does nothing. Perhaps the onclick event is captured by the editor? (Not clear, because the toolbar bottom does not reflect the p or h2 of the element "underneath" the toolbar button. The toolbar bottom does reflect the editing area element when you click on the editing area directly.)
The onfocus and onblur events are working -- the toolbar buttons are appropriately highlighted as you mouse over them -- whether or not the toolbar is positioned over the editing area.
Is there something I can do to let the toolbar "see" the onclick event?
Thanks!
Solution: drag handle excludes toolbar
Clicking on the toolbar could be re-enabled by either disabling dragging or by limiting dragging to a "handle". The latter was simple -- I had a "title bar" above the Ckeditor toolbar that was part of the draggable container. By making the title bar the "handle" then the remainder of the draggable container is always clickable.