question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltip render error : "top":"<<NaN>>"

See original GitHub issue

Hello,

Sorry for my bad English, I’m French. Thanks you very much for your fabulous library.

With tooltip in Flatlist (very basic use case) I have this error when clicking on the tooltip :

Invariant Violation: [9217,“RCTView”,11,{“position”:“absolute”,“top”:“<<NaN>>”,“backgroundColor”:0,“overflow”:“visible”}] is not usable as a native method argument

Here is a copy of my code, although this one is really basic :

<View>
    <Tooltip
        popover={<Text>{exerciseEquipment.name}</Text>}
        withOverlay={false}
        backgroundColor="#fff"
        width={300}
    >
        <Image
            source={{ uri: ... }}
            style={styles.image}
        />
    </Tooltip>
<View>

I think it’s the same problem, this bug being from the beginning of 2020 : https://github.com/react-native-elements/react-native-elements/issues/2237 This issue proposes to set up getElementPosition but I’m not sure where to put that.

Have you found a lasting solution ? If not, it would perhaps be interesting to indicate it in the documentation because the probability of error is very very high.

Your Environment (Required):

software version
react-native-elements 3.4.2
react-native 0.64.2

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:4
  • Comments:12 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
arpitBhallacommented, Aug 26, 2021

Hey this has been fixed, Please wait for release or use Bleeding Edge Version

0reactions
arpitBhallacommented, Jul 8, 2022

I believe the PR you mentioned is available in v4.0.0-rc.5, can you try upgrading it?

Read more comments on GitHub >

github_iconTop Results From Across the Web

A brand new website interface for an even better experience!
Tooltip render error : "top":"< >"
Read more >
Render a tooltip if an error validation message exists
How can I do to show the tooltip box only if exists an error validation message? Currently my tooltip looks like this: enter...
Read more >
[MC-257839] NullPointerException when attempting to render ...
To reproduce the crash, it seems the offending tooltip occurs when I move my mouse from the "source lava conversion" game rule button...
Read more >
Untitled
Big bug looks like roach, Me poupe gif, Dalman knives, ... Switchpro widget 2.0.1 apk, 360 rendering solidworks, Rotax world finals 2012 timing, ......
Read more >
Untitled
... Noticias univision 48, Atmosfer stadion anfield, Topman parka mustard, ... Php trailing slash problem, Hessei, Alquiler en azuebar castellon.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found