React-tooltip: Anchor position wrong in IE11 when parent container positioned by CSS transform
In IE11 the anchor of a Tooltip rendered in a container that has any parent that is positioned by CSS transform is wrong. It acts as if the parent was not moved.
Q-Man
👍11
All 3 comments
The problem appears to resolve if the position: fixed style is changed to position:absolute. This style is contained in the .__react_component_tooltip class.
teeg82
on 24 Aug 2018
👎3
👍3
I can confirm that in IE11 some of the examples on the react tooltip example site do not work. In particular those who have a parent with a css transform.
nikroomancer
on 14 Jan 2020
FYI - it appears one solution for this is creating the tooltips outside of the modal, and then in the modal's componentDidMount() method, you call tooltip.rebuild()
Jarch09
on 8 Apr 2020
Was this page helpful?
0 / 5 - 0 ratings
Related issues
alex6633
路
3Comments
donilan
路
4Comments
kokill
路
3Comments
Joseppi83
路
4Comments
kristinadarroch
路
3Comments
Most helpful comment
The problem appears to resolve if the
position: fixedstyle is changed toposition:absolute. This style is contained in the.__react_component_tooltipclass.