Bug in the Toolbar in the Writer field

[GitHubIAmWho]

After installing the Dreamform plugin, the Kirby writer field toolbar is no longer displayed correctly (screenshot attached). The error occurs globally in the panel. Some of the buttons/icons are no longer printed correctly.

Screenshot

[dosubot]

Hi @GitHubIAmWho! I'm Dosu and I’m helping the kirby-dreamform team.

This issue is caused by DreamForm's CSS styles being applied globally in the Kirby Panel, which interferes with the writer field toolbar and scrambles the display of some buttons and icons. The problematic styles are in DreamForm's src/index.css, especially around lines 35-42, and include selectors like .k-writer span[data-dreamform-field] and rules that target toolbar buttons inside panels with the form template. These styles override Kirby's default toolbar layout and icon rendering, leading to the display errors you’re seeing. The maintainer has acknowledged that these styles should only affect DreamForm forms, but currently they impact the entire panel UI due to insufficient CSS scoping [source].

As a temporary workaround, you can try overriding these DreamForm styles in your custom panel CSS to restore the default toolbar appearance. If you need help with a specific override, let me know your Kirby and DreamForm versions so I can suggest a targeted fix.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[tobimori]

Hey, this should've been fixed in 2.0.1 - what version are you running?