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.

Variable tooltip in Chrome debugging

See original GitHub issue

React Native version: 0.59.9

Steps To Reproduce

  1. When you set package.json as following, debug tooltip is not displayed.
  "devDependencies": {
    "@babel/core": "^7.7.4",
    "@babel/runtime": "^7.7.4",
    "babel-jest": "^24.9.0",
    "jest": "^24.9.0",
    "metro-react-native-babel-preset": "^0.57.0",
    "react-test-renderer": "16.8.3"
  },
  1. When you set package.json as following, debug tooltip is displayed.
  "devDependencies": {
    "@babel/core": "^7.5.5",
    "@babel/runtime": "^7.5.5",
    "babel-jest": "^24.8.0",
    "jest": "^24.8.0",
    "metro-react-native-babel-preset": "^0.55.0",
    "react-test-renderer": "16.8.3"
  },

Describe what you expected to happen: Currently, developers can use old devDependencies to display debug tooltip. If problem in these dependencies is fixed, they can work without change of devDependencies or chrome setting (“Use hardware acceleration when available”).

Snack, code example, screenshot, or link to a repository: https://www.linkedin.com/feed/update/urn:li:activity:6621768930556030976/

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
bitfriendcommented, Jan 13, 2020

Of course, when “Use hardware acceleration when available” is off, tooitip is displayed. But some developers may need this options. Currently, developers can use old devDependencies to display debug tooltip. If problem in new dependencies is fixed, they can work without change of devDependencies or chrome setting (“Use hardware acceleration when available”). I hope you will read my first post carefully.

0reactions
stale[bot]commented, Apr 19, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

Read more comments on GitHub >

github_iconTop Results From Across the Web

1033891 - Display variable values while debugging - Monorail
I'm experiencing this too. In Chrome 78, hovering over a variable would bring up it's value in a tooltip. This no longer works...
Read more >
Inspect hovered element in Chrome? - Stack Overflow
- Step 1: Inspect element that generates the tooltip to bring up the Chrome Dev tools. - Step 2: while hovering over the...
Read more >
Hovering over variables in chrome dev tools doesn't show ...
i tried to hover a variable in js debugger but cannot see the value anymore. It was working in chrome v78 but its...
Read more >
Watch variables in Sources - Chrome Developers
The Sources panel provides the ability to watch variables within your application. This is located in the watch section of the debugger sidebar....
Read more >
HTML Tooltip debug tip - Medium
HTML Tooltip debug tip ... To work around this issue use the following neat trick: ... 4. Switch to Elements tab on the...
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