When filename is getting Big then tippy is getting overflowed out of tooltip container

[farengeyt451]

@awesome-yasin Provide more details or recreate the issue in another repo.

[awesome-yasin]

@farengeyt451 If you see when i hover this foldername and its very large name so text is getting overflowed, compared to Material Tooltip it ellipses the text with ... when text gets overflowed its tooltip

[awesome-yasin]

I used simple [ngxTippy]=filename in my html div

[farengeyt451]

@awesome-yasin I am not sure about adding a built-in cut text feature. You can use CSS fix for this:

    <button
      [ngxTippy]="filename"
      tippyClassName="cut-text-overflow"
      [tippyProps]="{
        ...
      }"
    >
      Button
    </button>

  .cut-text-overflow {
    .tippy-content {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }