Opened 15 years ago
Last modified 12 years ago
#2782 confirmed Bug
Editor inside DIV with "overflow: auto" causes displaced menus
| Reported by: | Jamie Whitney | 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 (3)
Change History (5)
Changed 15 years ago by
| Attachment: | example.png added |
|---|
Changed 15 years ago by
| Attachment: | code_example.htm added |
|---|
comment:1 Changed 15 years ago by
| Component: | General → UI : Toolbar |
|---|---|
| Keywords: | Confirmed FF added |
| Version: | SVN → FCKeditor 2.4 |
Confirmed in FF. In IE and Chrome works fine.
Changed 12 years ago by
| Attachment: | replacebycode2.html added |
|---|
comment:2 Changed 12 years ago by
| Keywords: | FireFox removed |
|---|---|
| Version: | FCKeditor 2.4 → 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