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.

Sticky: `active` prop doesn't reset sticky state

See original GitHub issue

Steps

Create two sticky components , one on the left, and one on the right. The right one should be inactive in default. The left one has an onStick event to update the state to make the right sticky active.

Expected Result

The right sticky should become active after the left sticky fires onStick event.

Actual Result

The active prop doesn’t seem to update on state change. The right sticky remains inactive.

Version

0.73.1

Testcase

https://codepen.io/anon/pen/xXwBxj (Invalid example, please read post 2)

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
layershiftercommented, Sep 18, 2017

PR was opened #2083.

0reactions
laukaichungcommented, Sep 18, 2017

Tried it, but componentWillReceiveProps() never gets called on the button click. https://codepen.io/anon/pen/RLWXpo

Read more comments on GitHub >

github_iconTop Results From Across the Web

Exit/Reset a Sticky State · Issue #5 - GitHub
Using this.router.getPlugin('stickystates').exitSticky() to exit all inactive sticky states. This option enables you to exit a specific state as ...
Read more >
Targeting position:sticky elements that are currently in a 'stuck ...
There is currently no selector that is being proposed for elements that are currently 'stuck'. The Postioned Layout module where position: ...
Read more >
CSS Position Sticky Tutorial With Examples[Complete Guide]
A position sticky element toggles between the relative value and the fixed value on the viewport. The state on which the CSS sticky...
Read more >
An event for CSS position:sticky - Chrome Developers
One of the practical limitations of using CSS sticky position is that it doesn't provide a platform signal to know when the property...
Read more >
Sticky Table of Contents with Scrolling Active States | CSS-Tricks
Say you have a two-column layout: a main column with content and a sidebar. Say it has a lot of content, with sections...
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