Skip to main content

overflow

Description​

Optional. Controls whether the tooltip is shown only when the anchor element's text is not fully visible

Usage​

overflow?: boolean;

Parameters​

  • false - (default) the tooltip is shown regardless of whether the anchor text is fully visible
  • true - the tooltip is shown only when the anchor element's text is not fully visible

Details​

This property applies only to the default resolver. When a custom resolver is provided, the overflow flag has no effect, the custom resolver is responsible for its own show/hide logic.

Example​

<Tooltip overflow>
  <div class="cell" data-tooltip-text="Very long text that may be not fully visible">
    Very long text that may be not fully visible
  </div>
</Tooltip>

<style>
  .cell {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
</style>

Related article: Showing tooltips on overflowing text

Related sample: Tooltip