[QUESTION] Conflict when using vertical-timeline with react-scroll about react-vertical-timeline HOT 9 CLOSED

You can add to your custom css :

.vertical-timeline--animate .vertical-timeline-element-content.is-hidden {
    display: block !important;
}

In your bulma.css, I can see .is-hidden {display: none !important}. With display: none, we can't know height of element, it's why I use visibility in my library.
Just a conflict between css files in lib.

Hope you can fix it with my fix :)

from react-vertical-timeline.

And I use scroll link on my website without issues :
https://stephanemonnot.com/

from react-vertical-timeline.

Can you provide an online example ?
Maybe, it's a conflict with react-visibility-sensor ?

from react-vertical-timeline.

Yes sure, you can take a look at my site.

If you click on skills after loading the page, it will stop before the anchor..

www.oliviercastroperrier.com

Thanks!

from react-vertical-timeline.

Oh wow! it is working now!

Thank you! Really appreciated :P

from react-vertical-timeline.

Glad to hear that ;) . And good job for your work.

from react-vertical-timeline.

Thanks!!

from react-vertical-timeline.

while i'm using VerticalTimelineElement component .vertical-timeline--animate .vertical-timeline-element-icon.is-hidden { visibility: hidden } this class name is coming and making the section hidden

from react-vertical-timeline.

from react-vertical-timeline.