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.

Preact version 10.5.11 (& 10.5.12) breaks a specific rendering scenario

See original GitHub issue

As of Preact v 10.5.11 I noticed a scenario in my app in which rendering of an overlay in OpenLayers breaks.

Reproduction

I’ve distilled it down to a minimal example here: https://codesandbox.io/s/gifted-shaw-xvoyg. The background map is only there for demonstration purposes & is not needed for the bug. The file responsible for the overlay rendering is oloverlay.js.

Steps to reproduce

  1. Open the sandbox
  2. Click somewhere on the map
  3. See a red rectangle appear where you clicked (expected behaviour)
  4. Change the preact version in the sidebar from 10.5.10 to 10.5.11 or 10.5.12.
  5. See the red rectangle is now pinned above the map, & nothing happens when you click the map.

Expected Behavior

A red rectangle should appear where you clicked on the map.

Actual Behavior

The red rectangle is pinned above the map.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:4
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
developitcommented, Jul 1, 2021

Not sure it’s a quick fix @Aswathprabhu, but it is indeed still an issue. I’ll try to look into it asap.

1reaction
Aswathprabhucommented, Jul 1, 2021

@marvinhagemeister just pinging to check if this any known issue! I can contribute if this is something quite easy to fix 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

What's new in Preact X
They are a special kind of component that renders children elements inline with their parent, without an extra wrapping DOM element.
Read more >
Preact | Preact: Fast 3kb React alternative with the same ES6 ...
Preact gets you productive right away. It even has a few bonus features: props , state and context are passed to render(); Use ......
Read more >
API Reference | Preact
The render function is passed the component's current props and state, and should return a Virtual DOM Element (typically a JSX "element"), an...
Read more >
Server-Side Rendering - Preact
Render your Preact application on the server to show content to users quicker. ... Outside of that there are other scenarios, like testing,...
Read more >
Upgrading from Preact 8.x
We tried to keep any breaking changes to the minimum possible, ... If you're using preact-render-to-string you need to update it to 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