We need a solution to wrap to a second column on a page given that the content in the first column gets too long. We need this to happen dynamically. There is a CSS3 property:
column-count: 2; column-gap: 20px;
This will auto wrap the content if a div to a new column assuming you have a height set. Composer in general supports this, but not the phantomJS PDF receipts.
After doing some research online, I have discovered that phantomJS not supporting CSS3 columns is a known issue. There is a JS alternative out there that comes in way of a library that can be imported from here:
Bringing this into the form causes a syntax error on the library itself which has proven difficult to debug.
Has anyone else battled through this issue and is there a solution out there that can be leveraged?
We do have an experimental Electron based PDF renderer in TM which you could give a try. It uses the same renderer as Chrome, so CSS columns should work. Do note however, that is has not been used / tested much thus far.