Ticket #2782 (confirmed Bug)
Editor inside DIV with "overflow: auto" causes displaced menus
| Reported by: | zork40 | Owned by: | |
|---|---|---|---|
| Priority: | Normal | Milestone: | |
| Component: | UI : Toolbar | Version: | 3.0 |
| Keywords: | Cc: |
Description
Operating System: Windows Vista Browser: Firefox 3.0.5
I posted this in the forums: http://www.fckeditor.net/forums/viewtopic.php?f=6&t=12676&p=33211#p33211
I originally noticed this in v2.6.3, but tried the nightly build and it is present in that as well.
When you place an editor inside a <div /> tag with "overflow" set to "auto", and you scroll that div - menus for "Font", "Size", and "Format" are not appearing directly below the menu links. They are displaced below, proportionate to how much the div has been scrolled.
This does not happen in IE 7.0.
I've attached a screenshot showing this, and example code.
Attachments
Change History
Changed 4 years ago by zork40
- Attachment example.png added
comment:1 Changed 4 years ago by arczi
- Keywords Confirmed FF added
- Version changed from SVN to FCKeditor 2.4
- Component changed from General to UI : Toolbar
Confirmed in FF. In IE and Chrome works fine.
comment:2 Changed 8 months ago by j.swiderski
- Keywords FireFox removed
- Version changed from FCKeditor 2.4 to 3.0
This problem can still be reproduced in latest CKEditor 3.6.4 in every browser with below source
<div style="overflow: auto; width:800px; height:500px;" > <p style="height:800px;"> ckeditor dom ...
Paste the attached sample into _samples folder. Open menu and scroll down. You will see that dropdown is not attached to toolbar.
screenshot showing problem