Rails 7 page transitions

[ryw]

I just added charts to https://www.ossrank.com today, and the charts load on first page, but then when clicking into a project, the chart doesn't load. Refresh loads it on that page, but going back to index, those charts don't load.

Something with Rails 7 I don't understand for sure -- any ideas?

I added via:

1. Adding gem "peity_vanilla_rails" to Gemfile
2. Added import "peity-vanilla-rails" to app/javascript/application.js

[ryw]

Happy to create an example repo to reproduce the problem, if you'd like me to...

[manastyretskyi]

Hi, while navigating your website I was able to reproduce the problem, but it looks like it is not the problem with the library itself, if you open browser console, you will see errors like this.

So it appears that there is the problem with your JavaScript, I would suggest you to try to fix it, and if the problem still remains, please create the sample repo where it reproduces.

[igorkasyanchuk]

Also, I suggest adding pagination or lazy loading on the home page, because the page is just too big and have negative impact on it

[manastyretskyi]

I believe I found out what the problem is after looking a little more closely at what happens on your website.
It appears that JavaScript was executed before DOM was ready, because of it mutation observer was not working.
I released version 0.2.1, now charts should work properly.
I would still suggest to fix your JavaScript through ;-)

[ryw]

Thanks - will look at my JS, and pagination is near the top of the todo list :)

[ryw]

Fixed JS error on my site, upgraded to 0.2.1, didn't resolve this issue.

I reproduced issue within a minimal Rails 7.0.3 app here:
https://github.com/ryw/peity_rails_7_test

Tested w/ latest Chrome + Safari to ensure it wasn't a browser issue too.

[manastyretskyi]

Thank you for this example,
I've released new version 0.2.2, not this issue should be fixed for good.

[ryw]

Bumped repro repo to 0.2.2, works - thanks!