ace editor DOM container height

[Chris Braddock]

I'm a bit stuck trying to embed Ace editors inside LIs.  Specifically, the parent editor container's height does not seem to inherit (or "bubble up") the Ace editor's height when the editor is instantiated.

I put together a small test case to demonstrate shown in the following screen caps.  Can someone help?

Relative source code:

http://i.imgur.com/Q0FcL.png

Pre-editor layout:

http://i.imgur.com/2JcYe.png

Editor instantiated (and overlapping container elements)

http://i.imgur.com/NsZYN.png

[Fabian Jakobs]

Hi Chris,

by default the editor has "position:absolute", which will detach the
editor from the parent's layout flow. Try setting "position:relative"
on editor's container element to override this.

Best,
Fabian

> --
> You received this message because you are subscribed to the Google Groups
> "Ajax.org Cloud9 Editor (Ace)" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/ace-discuss/-/A3Ck-aDQmWcJ.
> To post to this group, send email to ace-d...@googlegroups.com.
> To unsubscribe from this group, send email to
> ace-discuss...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/ace-discuss?hl=en.
>

[Chris Braddock]

That was exactly it - thanks!