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.

Elements disappearing upon re-write in dev mode [HMR]

See original GitHub issue

This is in no way a major priority since this is not an issue in a production environment.

I use nuxtjs and when in dev mode it takes advantage of webpack and HMR. A good amount of times when I save files and look to see the changes, elements that have v-in-viewport bound to them will disappear. I think this might be the components re-firing and possibly not detecting that they are still w/in the viewport. A refresh fixes this but it would be nice to not have to keep refreshing.

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
acidjazzcommented, Jun 28, 2019

one last note, scrolling away/back also brings it back

0reactions
acidjazzcommented, Jun 28, 2019

versions installed:

image

Read more comments on GitHub >

github_iconTop Results From Across the Web

How can I inspect disappearing element in a browser?
Find an element that contains the disappearing element. Right click on the element and apply "Break on... > Subtree Modifications.
Read more >
Stories disappear after HMR #7493 - storybookjs/storybook
Describe the bug While Storybook is running, after making a change to source and saving, webpack rebuilds and HMR updates the browser.
Read more >
Basic Features: Fast Refresh - Next.js
Next.js' Fast Refresh is a new hot reloading experience that gives you instantaneous feedback on edits made to your React components.
Read more >
Releases - styled-components
Fix at-rules nested inside style rules. Have some styles gone missing? In the newer >=3.1 versions that introduced speedy mode (i.e. insertRule support)...
Read more >
How to Create a CRUD App with Rails and React
In this post I'll show you how to create a Rails API then, using esbuild, construct a React front-end to consume it.
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