All topics

Quill - dynamic size filling space between header and footer

Kai

1 month ago

hey there! I am building a mobile first page for editing a simple html text. I am using the quill package. I tried for 2 h now to make it happen that the editor is using the space available between header and footer.
It seems, the quill editor is allways taking too much room vertically. I tried so man things but I can't get it run. Tried to wrap the editor in a div. and so on. Can anyone help please 😉
Thanks in advance.
@Kai
hey there! I am building a mobile first page for editing a simple html text. I am using the quill package. I tried for 2 h now to make it happen that the editor is using the space available between header and footer.
It seems, the quill editor is allways taking too much room vertically. I tried so man things but I can't get it run. Tried to wrap the editor in a div. and so on. Can anyone help please 😉
Thanks in advance.
Lucas G

1 month ago

Wrapping the editor in a div with max height doesn't work?
Kai

1 month ago

Yes of course I did. But but also, this didn’t work… this is why I am asking here because I don’t think I know what to do, but I can’t get it run the way I want… when I use my layout and delete the editor component. Everything is working fine so I think it’s the component… if anyone could help me, it would be really cool!
Lucas G

1 month ago

Hmm max-height worked in another project I looked at
👍1
I’ll take a look
@Kai
Yes of course I did. But but also, this didn’t work… this is why I am asking here because I don’t think I know what to do, but I can’t get it run the way I want… when I use my layout and delete the editor component. Everything is working fine so I think it’s the component… if anyone could help me, it would be really cool!
Lucas G

1 month ago

I just tested it in a new project and putting the editor in a div with a max-height works just fine for both the standard and snow theme

Quill - dynamic size filling space between header and footer

Kai

Lucas G

Kai

Lucas G

Lucas G

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community