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.

pointer-events: none never clears after scrolling when used w/ Preact

See original GitHub issue

I don’t know if this is preact specific, but 1.8.1 is broken and 1.8.0 is not, likely https://github.com/bvaughn/react-window/commit/59df8ddfc97c7f3dd1d3063eb4d905a578e90455 is the culprit.

The problem is that as soon as you scroll, pointer-events: none gets set and never gets unset.

Issue Analytics

State:
Created 4 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

aaronjensencommented, Apr 29, 2019

It is likely the same issue as this: https://github.com/developit/preact/issues/853 which is fixed in (the unreleased) Preact X

See repro: https://jsfiddle.net/deo8cahw/

null works, is there a reason you changed it to undefined instead of null?

We can stay on 1.8.0 or 1.7.2 until we move to Preact X, so we’re not blocked by this. Feel free to close since it’s not really a react-window issue unless you want/can switch back to null. Thanks!

0reactions

bvaughncommented, May 27, 2019

Cleaning up GitHub issues today. The commit you linked to was from PR #210.

Given that this change makes the validator happy, and will also work for the upcoming Preact release, I think I’m going to leave it in place. If you would like to open a PR that satisfies both Preact and the validator though- I’d be happy to tweak it! 😄

Thanks for understanding!

Top Results From Across the Web

How do I use pointer-events to react only to scroll event?

When an element has applied pointer-events: none;. The element is never the target of any mouse events and any events are void;.

react-virtualized | Yarn - Package Manager

This supports special use-cases where deferred measuring is not desired. Added estimatedRowSize property to FlexTable and VirtualScroll to be passed through to ...

Changelog: Gameface - Coherent Labs

Enhancement, Implement optimization that caches SVGs used in elements so that the SVGs are not redrawn every frame.

Changelog | Polypane, The browser for ambitious developers

Fix Prevent vertical scrolling with height: auto panes and global zoom in horizontal layout ... New Shift to inspect elements with pointer-events: none ......

Sitemap - Sciter

Topics. Reading animated gif · There are problems with Popup samples · scroll error · Element not rendered when using CSS animation combined...