mdgriffith
Unable to apply text overflow ellipsis to text elements
There currently isn't a way to apply text-overflow: ellipsis to an Element.text
Currently trying to hack in something to make this work. I've made an ellie. Seems that just an extra layer of Element.row breaks it?
https://ellie-app.com/bhPr9pq6XHfa1
This overflow thing would be super helpful in making layouts more bulletproof!
@bburdette obviously this is super late, not sure if it's even relevant to you anymore but you can fix the part of your ellie labeled "Broken" with this trick...
Here's the "Fixed" version of your ellie. https://ellie-app.com/j75yybDPX2Va1
Posting in case others run into this and are curious how to fix.
Happens with css flexbox where columns (due to browser inconsistencies I think) will break out of their container and by setting min-width: 0 "fixes" them from breaking out of the parent unnecessarily. Pretty sure theres some css-tricks article about this somewhere floating around.