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.

[Bug]: docs rerender when hovering over links

See original GitHub issue

Which Remix packages are impacted?

  • remix (Remix core)
  • create-remix
  • @remix-run/architect
  • @remix-run/cloudflare-workers
  • @remix-run/dev
  • @remix-run/express
  • @remix-run/netlify
  • @remix-run/node
  • @remix-run/react
  • @remix-run/serve
  • @remix-run/server-runtime
  • @remix-run/vercel

What version of Remix are you using?

1.0.3? (it’s the docs website, but couldnt find the code)

Steps to Reproduce

  • Go to the Jokes guide
  • Expand “💿 Copy this to app/styles/global.css” which is pretty long (360 lines)
  • Scroll down
  • Hover over random links

Expected Behavior

Not to refresh

Actual Behavior

It rerenders/refreshes and closes the collapsible, while still maintaining the same scroll position. I got a bit lost.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:10
  • Comments:7

github_iconTop GitHub Comments

3reactions
SjoenHcommented, Dec 19, 2021

I think the repro is simpler than explained in the top description.

Steps to Reproduce

Update: Changed link to the new tutorial path.

1reaction
SjoenHcommented, Dec 19, 2021

I cannot reproduce it anymore on the live page. 👍

Read more comments on GitHub >

github_iconTop Results From Across the Web

Hovering over links is causing a page rerender. Only ... - GitHub
To reproduce the bug, develop the site, open the console, and click "Activities". Then click one of the Activities. Then refresh the page....
Read more >
onMouseEnter onMouseLeave Error: Too many re-renders react
There's no need to re-render the component, when it is hovered on, just to update its style.
Read more >
A Story of a React Re-Rendering Bug - Engineering Blog
This blog will take you on a short journey about how I fixed a particularly annoying bug that existed in one of our...
Read more >
View logs by using the Logs Explorer - Google Cloud
Hover over a bar in the histogram timeline. A pane containing summary information about the logs data for the specified time range appears....
Read more >
Getting started - Bootstrap
Read through to see what suits your particular needs. Bootstrap. Compiled and minified CSS, JavaScript, and fonts. No docs or original source files...
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