civiccc / civiccc/react-waypoint

Strange behaviour with css max-height transition

Open
#308 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4k
Forks
206
PR merge metrics
No merged PRs in 30d

Description

When I use max-height css transition (from 700px to 160px for example) waypoint fires at the end `onLeave` (without css transition it works fine),
so shadow in the bellow example stays.

PS when I manually scroll up and down (when message is expanded) it works ok.
PPS `Show less` changes `max-height` for message, so all thread also changes it height

Before click `Show less`

![Screen Shot 2019-05-16 at 05 45 43](https://user-images.githubusercontent.com/13070119/57822877-2329f080-779e-11e9-80b5-4bb6cc327d56.png)

After click `Show less`

![Screen Shot 2019-05-16 at 05 48 38](https://user-images.githubusercontent.com/13070119/57822913-481e6380-779e-11e9-86db-8082635c9870.png)

Feel free to ask for more details/gifs/etc.
Thx !

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.