javascript – Ellipsis: text is truncated but dots are not there

Ellipsis is not showing the dots when text is clipped.

HTML:

<p class="tooltipparent translation_wrap" title="{{'NOT_IN_AUTO' | translate }}"><label>{{'NOT_IN_AUTO' | translate}}</label></p>

CSS:

.translation_wrap{
    width: 180px;
    overflow: hidden;
    white-space: nowrap;        
    text-overflow: ellipsis;
}

Result:

Snapshot

Leave a Comment