Last line length changes when parent component set to display none

[james-jenkinson]

When the text to be truncated is part of a component who's display property is set to none, on re-appearing the length of the last line changes, often causing a new line.

Example can be seen here: https://codepen.io/jajenkinson/pen/PoGQRRb?editors=0110

Steps to reproduce

• Hover of the card
• Confirm the text is properly truncated to three lines
• Hovering multiple times the text will remain correctly truncated
• Click the button to hide the card
• Click again to show the card
• Confirm the text is incorrectly truncated