在工具提示内滚动 在反应中滚动整个页面 @material-ui/core/Tooltip

Question

I have a tooltip created using @material-ui/core/Tooltip https://codesandbox.io/s/kgccc which work fine as shown below

since the content is more, have provide scroll

 .tooltip-popup-details{
    height: 300px;
    overflow: auto;
  }

when tried to scroll the tool tip by clicking inside the content entire page scroll tried alot to fix it but could not make it basically drag or scroll inside tool tip is not working please help

Answer 1

I've taken the Material UI example and made a fork with a tooltip that has a fixed height and a scrollbar like yours. Here it is . I can scroll inside the tooltip with my touchpad, and with the scrollbar of the tooltip.

I have added interactive={true} on the tooltip, otherwise the tooktip disappears when moving the mouse out of the button that triggers it.