I’m facing an issue where I can’t figure out how to make this text properly start disappearing with the ellipsis dots. I have a predefined width on my main elements, which is my sidebar and I was expecting for the text to respect that, but it’s not. I feel like I’ve checked everywhere and tried defining my widths everywhere by putting a 100 percent on all of the containers nested inside the main sidebar element.
I’m probably missing something obvious but would anyone have a clue as to what’s causing the issue?
@Micah I don’t think “hidden” will work when you have “auto” set for width. If you give the width a specific size I think the hidden will correctly truncate/hide the text. I think I saw you change the text width from 100% to auto before you scrolled down and changed the overflow?
