Ellipsis at block parent container should have width constraint block element usually have default 100% width constraint child should have hidden overflow, with no wrap text and ellipsis for 3 dots at the end of the text Ellipsis at auto-grow flex parent It is possible that your container has flex layout with growing width Then set width constraint manually