Fix CKEditor 5 Dropdown Alignment
Budget: €8 – €30 EUR
I’m integrating CKEditor 5 into a React application and the editor’s built-in dropdowns—font color, alignment, and similar controls—open in the wrong place, partially off-screen. The issue reproduces consistently in Chrome and Edge and appears to be a pure styling conflict rather than a logic bug.
Key facts
• React front-end with CKEditor 5 (no custom overrides to the CKEditor CSS).
• Problem: dropdowns are misaligned—not hidden or non-functional, just positioned incorrectly.
• Scope: locate the conflicting styles, supply a concise CSS (or SCSS) patch, and explain where it should be injected so future CKEditor upgrades remain painless.
Deliverable
1. A working CSS fix that realigns all CKEditor 5 dropdowns.
2. Brief notes on why the clash occurred and how to tweak if we change themes later.
I can spin up the repo or a reproducible sandbox for quick testing. Looking for a clean, minimal solution that I can merge the same day.
Key facts
• React front-end with CKEditor 5 (no custom overrides to the CKEditor CSS).
• Problem: dropdowns are misaligned—not hidden or non-functional, just positioned incorrectly.
• Scope: locate the conflicting styles, supply a concise CSS (or SCSS) patch, and explain where it should be injected so future CKEditor upgrades remain painless.
Deliverable
1. A working CSS fix that realigns all CKEditor 5 dropdowns.
2. Brief notes on why the clash occurred and how to tweak if we change themes later.
I can spin up the repo or a reproducible sandbox for quick testing. Looking for a clean, minimal solution that I can merge the same day.