The Tooltip component is being cutting at the border about victory HOT 1 OPEN

Do you have a reproduceable sample of code so I can help with the CSS?

Tooltips render in their own SVG container inside a div with a z-index of 99, and positioned absolutely. This is contained within a div with its height and width set to 100%. Because of this, the tooltip can be cutoff if the size of the VictoryContainer is restricted by its parent HTML element.

<div class="VictoryContainer" style="height: 100%; width: 100%; pointer-events: none; touch-action: none; position: relative;">
  <div style="z-index: 99; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
    <svg width="400" height="400" viewBox="0 0 400 400" style="overflow: visible; width: 100%; height: 100%;"></svg>
  </div>
</div>

Example of container (working)

In your example, the containing HTML element that you placed the Victory Chart inside of is clipping the tooltip, likely due to its position setting, or its overflow setting.

from victory.