make work when flex box is involved

[mkstix6]

Is anyone else having issues when flex box is also used on the .balance-text element or parents that control it's width?

[redmunds]

I haven't heard anyone report that. Can you provide an example?

[mkstix6]

K cool. I'll look at making a codepen soon. Could just be something I messed up.

[redmunds]

Closing until I receive more info.

[spinboxnl]

Hi Redmunds,

This problem occurs when the .balance-text element is a direct child of a flexbox element.

The following code causes the width to be not correct and the code not to be executed. I guess display:inline; and position:static still has max-width of the flexbox. Changing this to block and absolute fixed it, but I didn't test if it breaks anything else.

// temporary settings $this.css({ 'white-space': 'nowrap', 'float': 'none', 'display': 'inline', 'position': 'static' });

I myself fixed this issue by adding a block element as the direct child. Thanks for your work!

[redmunds]

@spinboxnl Thanks for the detailed followup. This can't be made as a global change -- see discussion in #75. But, I'll keep this case in mind with future changes.

[fregante]

A solution for this one might be using selections to calculate the necessary width, instead of removing the text. This would be a near-total rewrite.