@tikpage/reactjs-popup/docs/src/examples/BoundedTooltip.js

React Popup Component - Modals,Tooltips and Menus — All in one

import React from 'react';
import Warper from './Warper';
import Popup from '../../../src/index';

const BoundedTooltip = () => (
  <div
    style={{height: 200, width: 400, border: '1px solid #ccc'}}
    className="tooltipBoundary">
    <Popup
      trigger={
        <button type="button" className="button">
          {' '}
          Trigger 1{' '}
        </button>
      }
      position={['top center', 'bottom right', 'bottom left']}
      closeOnDocumentClick
      keepTooltipInside=".tooltipBoundary">
      Tooltip content
    </Popup>
  </div>
);

export default Warper(BoundedTooltip);