id summary reporter owner description type status priority milestone component version resolution keywords cc
14434 Floating toolbar misplaced w/ body { position: relative; } and margin-top Benabik "== Steps to reproduce ==
1. Create a page with: (see attachment)
* `` (used by Foundation 5)
* `` (any length works, but a large one makes it obvious)
* ``
2. Activate an inline editor on the last div.
== Expected result ==
Toolbar appears at the top of the editable div.
== Actual result ==
Toolbar appears 200px below that.
== Other details (browser, OS, CKEditor version, installed plugins) ==
Tested most thoroughly in Safari on OS 10.11.3, but also occurs in Chrome on Windows (not certain of versions).
Occurs with just a CKEditor Basic install. Placing the attached file in the samples directory shows the error.
When determining the source of the error, I noticed that the floatspace plugin uses `CKEDITOR.editable.getDocumentPosition()` to get the values for the `top` and `left` CSS properties for the toolbar. The issue is that this function measures the position from the top of the document, which is not necessarily where CSS `top` measures from. The attached HTML uses jQuery to illustrate the difference, as `$.fn.position()` gets the correct value." Bug confirmed Normal General 4.0