Log in to AnswerLog in to Follow
Johan den Ouden
mvp_badge
MVP
18Views
3Comments
[CKEditor.Reactive] Toolbar buttons not working (works only when the editor is in fullscreen mode)
Question
Reactive
Forge
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!

0
0
01 Jul

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

0
0
01 Jul
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

That would be great Fábio! Thanks,

Regards,

AJ

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