I’m trying to set up a document header that contains a horizontal stack for the title text, along with other elements. I’ve applied an ellipsis rule to overflowing text within the horizontal stack by setting a max width of 60%, which works. However, when testing an edge case of a long title, problems arise. The text will reach a pixel width of 457px, and if I continue typing it’ll remain at 457px even though I’m adding more characters. Then all of a sudden it begins pushing the bounds of my screen to the right. I’m wondering why this is, and have attached images to showcase this:
One final thing to note is that if I set the horizontal stack contains my title text to 457px, this does not occur. However, this can’t be my solution since I’m trying to create a width-responsive page.
Any help is greatly appreciated!