Not scrolling elements into view

[stormfar]

reactour is not auto-scrolling to elements outside the viewport. My header and sidebar are fixed elements, and the main element contains the components, including those not being scrolled to.

My app has the following markup:

<div class="app">
  <header class="app-header"></header> <!-- fixed el -->
  <div class="app-body">
    <div class="sidebar"></div> <!-- fixed el -->
    <main></main>
  </div>
</div>

Any idea what could be preventing the scrolling?

[elrumordelaluz]

Hi @5tormTrooper,
First of all, thanks to reach out and fill this issue.
I am trying to reproduce it but everything works well in the example I did.

Could you please give an eye to the code of this example?

Then we can analyse which is the difference with your use case, maybe making changes on the sandbox.

[elrumordelaluz]

@5tormTrooper please let me know if you solved the Issue so we can close it. Otherwise, I'll ask you more information to reproduce the behavior you showed.

Will close the Issue, feel free to re-open in case you need.

[stormfar]

@elrumordelaluz thanks for taking the time to demo this. After comparing the two, I released that there was a stray overflow rule on the app-body. After removing it the scrolling works fine. So it was a problem with my app and not the package.

Sorry for the delayed response, other issues got promoted to top priority...

Thanks again for looking into it!

[elrumordelaluz]

no problem. hope the lib is useful for your app. Il giorno 09 mar 2018, alle ore 11:32, Storm <notifications@github.com<mailto:notifications@github.com>> ha scritto: @elrumordelaluz<https://github.com/elrumordelaluz> thanks for taking the time to demo this. After comparing the two, I released that there was a stray overflow rule on the app-body. After removing it the scrolling works fine. So it was a problem with my app and not the package. Sorry for the delayed response, other issues got promoted to top priority... Thanks again for looking into it! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#26 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AAv2uCA2PGa7758tGMByyvr_2jwLykIYks5tclpFgaJpZM4Rn-F0>.

[nvoisin]

Hi @5tormTrooper
I know this thread is pretty old but I'm having the exact same problem ! Any idea what would cause the scroll not to work ? I've tried removing every overflow css setting and nothing seems to work..
If you have any ideas as to what blocks the scroll, thanks for letting me know

[nvoisin]

Found another example where it doesn't seem to work :
https://stackoverflow.com/questions/57417050/getting-reactour-to-scroll-within-coreui