Fixing text overflow on people picker


This is usually an issue faced by everyone while adding dynamic content on a text box .

This is most commonly seen in  people picker . This can be Fixed by adding the Following Styles  on the page.

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

display: inline;

width: 136px;

After adding these styles  the page will look like this .

Write a comment