Text editor CSS bug

[simeon@picksmart]

Hi,

The CSS formatting in the text editor's header is not correct, see the following screenshot:
https://www.dropbox.com/s/ynp3uy4o0oj8i ... g.PNG?dl=0 or

[kubrasulukan]

We'll check and get back to you.

Regards

[kubrasulukan]

Hi,
I didn't see any bug. But there are two editors http://primefaces.org/showcase/ui/input/editor.xhtml and http://primefaces.org/showcase/ui/input ... itor.xhtml
I used second one

Code: Select all

 <p:textEditor height="300" style="margin-bottom:10px"/>

and it looks fine also first one too.

Regards

[simeon@picksmart]

I appreciate your follow up.

We are also using the second editor as shown in the screenshot.

Do you have any idea why there is a line splitting the editor's icons or how we would be able to remove it?

Kind regards

[kubrasulukan]

I tried second one too and it looks fine in Barcelona. But if you wrote any css codes for editor, you can check them may be rewrite to find this bug. If it still won't work you can send me your codes and I can say a specific solution.

[mafaul]

This issue occurs if you have the old <p:editor /> on the same page. The old editor's css gets applied to the new <p:textEditor /> and the it looks messed up.

This line in particular:
.ui-editor-toolbar {
background: url(/barcelona-1.0.3/javax.faces.resource/editor/images/toolbar.gif.xhtml?ln=primefaces&v=6.2) repeat;
}

[mert.sincan]

Thanks a lot for the info. We'll check and get back to you.

[mert.sincan]

@mafaul, good catch!

I'll fix it in 6.2.4 and 6.3 version. For now, you can use ;

Code: Select all

.ui-texteditor .ui-editor-toolbar {
        background: none;
 }
 
 //xhtml
 <p:textEditor height="300" styleClass="ui-texteditor"/>

[mert.sincan]

Fixed now on 6.2.3 and 6.3.