Tooltip not showing up when attached to Bootstrap Modal element

[bbguitar77]

I have a bootstrap modal with form buttons that I provide tooltips for ... however, the tooltips aren't showing up. I've tried increasing the z-index in the rc-bootstrap.css but that didn't fix the problem. Tooltip works fine in other non-modal parts of my application.

Anything else I should try?

[yiminghe]

try set overlayStyle prop to increase zIndex

can you provide a demo on github?

[stahlmanDesign]

Adding overlayStyle prop works:

    <Tooltip
      prefixCls="rc-slider-tooltip"
      overlay={value}
      overlayStyle={{ zIndex: 1051 /* because modal is 1050 */ }}
      visible={dragging}
      placement="top"
      key={index}
    >