Bug: Long placeholder text breaks layout in RichEditor

[devhoussam1998]

Package

Form builder

Package Version

v5.6.2

How can we help you?

Description

When a long placeholder string is used in the Filament RichEditor, the placeholder text overflows and visually overlaps the editor area instead of wrapping/spacing correctly.

The editor layout becomes broken and hard to read.

Reproduction

Example

use Filament\Forms\Components\RichEditor;

RichEditor::make('description')
    ->placeholder('e.g., Master HTML5 and CSS3 fundamentals and build professional, responsive websites from scratch. This comprehensive course covers semantic HTML, modern CSS layouts, animations, and best practices for front-end development.')
    ->required();

Steps to Reproduce

1. Add a very long placeholder to RichEditor
2. Render the form
3. Observe the editor layout

Expected Behavior

• Placeholder text should wrap properly
• Editor height/layout should remain clean
• Validation area and content area should not visually collide

Actual Behavior

• Long placeholder text overflows inside the editor
• Text appears visually broken/clipped
• The layout spacing becomes incorrect

Screenshot

Possible Cause

The placeholder container inside the Tiptap/ProseMirror editor may not correctly handle long multi-line placeholder text or preserve adequate spacing/line wrapping styles.

Possibly related CSS:

white-space
overflow
min-height
positioning