Fix TinyMCE Editor Not Accepting Input (Laravel Blade)

Замовник: AI | Опубліковано: 26.03.2026
Бюджет: 150 $

I have a Laravel Blade view where a self-hosted TinyMCE 7.x editor is rendered inside an accordion-style UI. The editor initializes correctly: • toolbar is visible • editor instance exists • mode = “design” • contenteditable = true However, I cannot type inside the editor iframe. There are no JavaScript errors in the console. The main clue is that the iframe sometimes has width = 0, suggesting a layout/rendering or timing issue. Context • Laravel + Blade • TinyMCE 7.x (self-hosted) • Editor inside dynamically shown/hidden sections • Multiple JS initialization flows (likely conflicting) What I already tested • Initialization runs only after the section is visible • TinyMCE works correctly on a static page • Issue appears only in this dynamic DOM scenario What I need • Identify the root cause • Provide a clean, minimal fix (no hacks) • Avoid duplicate initialization / race conditions • Ideally simplify the editor lifecycle Files provided • Main Blade view • Blade partial embedding the editor Please apply only if you have real experience debugging TinyMCE in dynamic DOM environments (accordion, tabs, conditional rendering, etc.)