react-ace icon indicating copy to clipboard operation
react-ace copied to clipboard

Tooltip position in modal popup

Open igoriok1994 opened this issue 4 years ago • 2 comments

Hi,

I have an issue with Tooltip position when ReactAce inside modal popup.

Popup uses CreatePortal API and appear in document.body

Maybe there are way how to correct Tooltip positions? Maybe I can forward some props to ReactAce (like tooltioNode / tooltipContainer or smth like this)

Now I'm overwriting Tooltip.prototype.setPosition, but this solution is bad, I think...

igoriok1994 avatar Sep 09 '20 12:09 igoriok1994

How it looks:

image

Popup style:

image

igoriok1994 avatar Sep 09 '20 12:09 igoriok1994

the issue is caused because of transform: translate property, removing that should fix the issue, there are several other CSS which can give you an overall similar effect.

vipulDessai avatar Jul 09 '21 09:07 vipulDessai