Opened 8 years ago

Last modified 5 years ago

#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:


Operating System: Windows Vista Browser: Firefox 3.0.5

I posted this in the forums:

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)

example.png (36.5 KB) - added by zork40 8 years ago.
screenshot showing problem
code_example.htm (969 bytes) - added by zork40 8 years ago.
replacebycode2.html (3.8 KB) - added by j.swiderski 5 years ago.

Download all attachments as: .zip

Change History (5)

Changed 8 years ago by zork40

screenshot showing problem

Changed 8 years ago by zork40

comment:1 Changed 8 years ago by arczi

  • Component changed from General to UI : Toolbar
  • Keywords Confirmed FF added
  • Version changed from SVN to FCKeditor 2.4

Confirmed in FF. In IE and Chrome works fine.

Changed 5 years ago by j.swiderski

comment:2 Changed 5 years 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.

Note: See TracTickets for help on using tickets.
© 2003 – 2017 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy