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

Tooltip positioning doesn't work on iOS with open keyboard.

Open alex-mironov opened this issue 7 years ago • 5 comments

When the user focuses on the text input element and the virtual keyboard appears tooltip is not positioned correctly anymore. This is happening because fixedpositioning (which is used for tooltip) is not working on iOS devices with opened keyboard. I just wondering if you have a workaround for this or plans to fix it.

alex-mironov avatar Mar 15 '17 13:03 alex-mironov

Hello @alex-mironov! Sorry for the long reply! Have you tried position: absolute instead? If your ReactTooltip component is placed at the top level of DOM, I don't thing that position: absolute is inappropriate for you.

huumanoid avatar Mar 28 '17 23:03 huumanoid

+1

any temp solution for this issue?

sanorama avatar Mar 29 '17 14:03 sanorama

we were trying dynamically display error tooltip when user focused input. we didn't find any better solution than place tiny icon next to input and make tooltip show when user taps on this icon. when user taps on icon input loses focus and fixed positioning starts working again

alex-mironov avatar Apr 22 '17 16:04 alex-mironov

+1 We are also having the same issue. Any alternatives to this so far?

essaji avatar Sep 15 '19 05:09 essaji

looks like workaround's found https://github.com/wwayne/react-tooltip/issues/218#issuecomment-260597272

sashabur avatar Dec 15 '21 11:12 sashabur