display: table;

[Jcw87]

What is the point of this? Why is it being applied to code blocks and quote blocks? It's breaking code blocks on Chrome, and it's breaking the long word word wrap thing in quote blocks on both Firefox and Chrome.

[Reagy]

Its being used to make the code and quote blocks scale to their content instead of the parent, it can honestly be removed.

[Jcw87]

This will fix it.

.ql-container.ql-snow .ql-editor pre.ql-syntax, .ql-container.ql-snow .ql-editor postquote {
  display: inline-block;
  max-width: -moz-available;
  max-width: -webkit-fill-available;
}

Note the non-standard settings for max-width. It can also be fixed with this:

.ql-container.ql-snow .ql-editor pre.ql-syntax, .ql-container.ql-snow .ql-editor postquote {
  display: block;
}

However, this doesn't preserve the desired scaling behavior.

[Fate]

.ql-container.ql-snow .ql-editor pre.ql-syntax, .ql-container.ql-snow .ql-editor postquote {
  display: block;
  width: fit-content;
}

[Jcw87]

@Fate That doesn't work on Firefox.

.ql-container.ql-snow .ql-editor pre.ql-syntax, .ql-container.ql-snow .ql-editor postquote {
display: block;
width: -moz-fit-content;
width: fit-content;
}