Vermeiden von column breaks

[Rolf B]

Hallo,

ich habe mal versucht, einen Rebreaker zu basteln.

https://jsfiddle.net/Rolf_b/t5m10awr/4/

Das ist unglaublich komplex, vor allem, weil Chrome keinen Reflow macht wenn man Breaks hinzufügt. Abfragen von offsetHeight, was angeblich unfehlbar einen Reflow macht, hat keinen Effekt. Ich schiebe im Moment das Padding des Abschnitts hin und her, und zwischendurch gebe ich dem Browser mit setTimeout Gelegenheit, sich neu zu zeichnen und die verdammten Column Breaks zu aktualisieren.

Immerhin kann ich so den größten Teil der Break-Logik des Browsers recyclen und muss nicht alles selbst machen (was vermutlich gründlich schiefgeht oder unendlich komplex ist).

Ich glaube, ich verzichte dann doch auf den Spaltenbalancierer und überlasse das den Browserherstellern (die das Thema aber wohl aus dem gleichen Grund zurückstellen).

Fertiges JS scheint es dafür auch nicht zu geben.

Meinungen? Weiß jemand was besseres? Oder ist es euch einfach nur egal - angesichts der Antwortflut hier scheint es ja wohl so zu sein 😟

Rolf