Text-overflow broken in datatable on latest ultima/primeng

[mbrancaleoni]

Hi,

I've updated from ultima 2.1 to latest and from primeng 4.0.3 to 4.1.3 and datatable where columns have long text does not get clipped anymore.

before: text was clipped to column size, which was ok.
now: text overflow over the adiacent cell

this can be easily reproduced within the theme demo itself: just edit cars-medium.json and change some "vins" field to a long value and see the result.

same happens if using a ng-template with a ptooltip inside the cell: the tooltip background is not aligned to the tooltip len.

reverting makes everything ok again.

example:


Note: for tooltip, just add inside datademo.html this snippet:

Code: Select all

<ng-template pTemplate="body" let-col let-row="rowData">
  <span [pTooltip]="row[col.field]">{{row[col.field]}}</span>
 </ng-template>
 

inside the first column on the first datatable demo and make the vin field long by modifying the cars-medium.json

[cagatay.civici]

Try;

{code}
<p:column [style]="{overflow: 'hidden'}"
{code}

[mbrancaleoni]

yup,

that does the trick.

[mbrancaleoni]

mmh, but that does not fix the tooltip, that still has a fixed width resulting into overflowing content. before the width adapted to content size.