Incorrect rendering of basic CSS float rules

[t-a-r-d]

It is rendering the html as collapsed in the top left corner. I have made a post on stack overflow containg all the code used in the process.

https://stackoverflow.com/questions/78148574/dompdf-script-to-convert-html-to-pdf-using-dompdf-library

[bsweeney]

This does appear to be the case. I'll need to review in more detail before I can provide any guidance.

[t-a-r-d]

Thanks Brian, that's brilliant mate

[bsweeney]

The prime issue appears to be that Dompdf is having trouble recognizing that there are elements that take space when they're all floats. I was able to sort of work around that issue by using the following styling:

div::after { 
    content: " ";
    clear: both;
}
div::before { 
    content: " ";
    clear: both;
}

but the result still has significant problems.

In the end Dompdf won't be able to handle a document that uses floats this extensively with current levels of support. There are a lot of unresolved float issues, as well as some issues around paged content, that impact this render.