toolbarSticky not functioning

[jrhess3]

Expected behavior.

The tool bar is no longer sticky on pages using the latest version of the froala editor.

Actual behavior.

The tool bar sticks to the top of the page and is no longer visible. Changing the sticky offset doesn't help

Steps to reproduce the problem.

Try it here: https://www.sfponline.org/PrincipalsNewsletterfroala3.asp

Editor version.

version 4.0.18

Browser.

CHROME and Edge

[Zombaya]

I can confirm this is happening with us too. Rolled back to 4.0.17 where it still works.

[MarcoWil]

Also happening for us. When can we expect the fix?

[my2interid]

V4.019 also doesn't work

[herumtreiber]

Same here. We would need a quick fix as our customers are heavily complaining about this.

[malikov917]

Can confirm the same behavior. No workaround really helped.

[barryross]

I can confirm that the "stickyToolbar" option in the config appears to have no effect in v4.1.1

[DavidEichmann]

I can confirm this doesn't work on v4.1.2 either jsfiddle. We've rolled back to v4.0.17 in production for now. Please fix!

[Zombaya]

@DavidEichmann, as a heads-up, 4.0.17 does have a security issue which was fixed in 4.1.2, see:

• GHSA-hvpq-7vcc-5hj5
• https://hacker.soarescorp.com/cve/2023-41592/
• Cross-Site Scripting vulnerability in Froala Editor 4.1.1 / CVE-2023-42426 #4678

I have an open support-ticket as a paying user since this is blocking us from updating to a secure version, but no news there either.

[DavidEichmann]

@Zombaya Thanks for the insight. That's an unfortunate vulnerability. Let's hope it gets resolved soon 🤞 .

[Zombaya]

We're in contact with support and the issue has been raised with the development team, so things should start to get moving.

We found out though that having a bootstrap 3 modal (or a div with the class modal attached) seems to be triggering the issue.

See https://jsfiddle.net/ag7uvk09/ for an example.

We we're able to mitigate by replacing the modal with a sweetalert-message-popup.

[DavidEichmann]

@Zombaya In your jsfiddle and in my own usecase I was able to fix the issue simply by adding the following css (with the correct <toolbarStickyOffset>):

.fr-toolbar.fr-top.fr-sticky-on {
   top: <toolbarStickyOffset>px !important;
}

Of course, you won't be able to set the toolbarStickyOffset dynamically with this workaround. https://jsfiddle.net/davideichmann/unb0egxz/

[ilyaskarim]

This issue has been fixed in V4.1.4: https://froala.com/wysiwyg-editor/changelog/#4.1.4