Log in to AnswerLog in to Follow
2020-03-13 12-09-25
Johan den Ouden
mvp_badge
MVP
97Views
4Comments
[CKEditor.Reactive] Toolbar buttons not working (works only when the editor is in fullscreen mode)
Question
Reactive
Forge
ckeditor-reactive
Reactive icon
CKEditor.Reactive
Forge component by Fábio Fantato
Application Type
Reactive

The toolbar buttons are not working when editing a field in a form. The shortcuts like ctrl+b etc. are working.

The toolbar buttons only works when editing in fullscreen mode.

It doesn't matter if I use a config or not.

It goes wrong when the fields are in a standard form with the "form card" classes on it.
Removing the form class solves it but than the form css is no there etc...


How can I fix this?


Thanks for the support!

1
0
01 Jul 2021

Hello @Johan den Ouden,

Place the following in your Screen's css as shown in the screenshot further below, that should fix it.

.form span {
    position: static;
}


This solution was originally suggested by Didier Leroy in this post. I tried it out to ensure it works.

Best regards,

AJ

1
0
01 Jul 2021
2019-12-18 10-16-29
Fábio Fantato
mvp_badge
MVP

I will add this to the backlog to include this fix in a new version. Thanks AJ for that

0
0
02 Jul 2021

That would be great Fábio! Thanks,

Regards,

AJ

0
0
02 Jul 2021

i want to insert words to existing word in text area by click to specific  button in the screen 

that work ok with  text area but when i pass id of it to CKeditor not working

0
0
08 Jun
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.