CKEditor shrinks in Firefox when created on element with empty text

Question

When I start CKEditor inline (like this: ckeditor = CKEDITOR.inline(element); ) on element with no text in Firefox, whole editable line is shrinked to few pixels. When I type something, CKEditor is resized to normal height.

When I start editing some text and then manually delete it, height stays normal. I want to do the same in the code. So I add some default text to those empty lines and then delete it when CKEditor starts editing that element. I tried ckeditor.setData(""); after starting CKEditor, but it still shrinks in Firefox.

Answer 1

I solved the problem by added this to my CSS:

.element-class {
    min-height: 1.3em;
}

Answer 2

Use: CKEDITOR.replace('selector'); And place selector into relative positioning box