F
Filament•4w ago
kintronix

How do I limit the maximum height of the rich editor (TipTap) in Filament 4?

Hey all, loving filament it is such a great environment. I've looked everywhere for the answer here, but cant find anything relevant. Basically I have the RichEditor in a form and Im trying to limit the height of it, else the more your write the more it expands.... but ideally I would want a max height so the content scrolls internally ->rows(10) or ->maxRows(10) dont exist i've tried max-height and height on ->extraInputAttributes() ->extraFieldWrapperAttributes() or ->extraAttributes() but to no avail Seems like this should be super simple ... the main TipTap website has it encased in a max height so it is doable Any help greatly appreciated, and thanks very much for all the hard work on Filament ... look forward to sponsoring a project once I get my first commercial project with it
Solution:
Ok after a bit more investigation I figured it out apply the following styles ```...
Jump to solution
1 Reply
Solution
kintronix
kintronix•4w ago
Ok after a bit more investigation I figured it out apply the following styles 
.tiptap {
overflow-y: auto; 
height: 300px;
}
.tiptap {
overflow-y: auto; 
height: 300px;
}
that fixes it 🙂

Did you find this page helpful?