Ionic 5 / Angular pages are not rendered correctly

[pvo13]

I played around with the shadowDom parameters but rendertron never renders the pages correctly. On the other hand, the snapshot parameter works fine and I see a picture of a correctly rendered page.

Here is a link to an example app that shows the same issue:

https://ionic5-starter-tutorial.firebaseapp.com/home https://github.com/ionicthemes/ionic5-starter-app-tutorial

[pvo13]

I guess it has something to do with shadow DOM and polyfills, but I am a noob regarding this. Other info I found points into that direction. e.g. https://stackoverflow.com/questions/58838982/ionic-4-rendertron-not-rendering-web-components

[AVGP]

It's likely to be similar to #484 the root cause being compatibility issues with Shadow DOM v1

[pvo13]

What I see is that the content of my pages is correct, but the styling is totally off or non-existing. You can see what I mean if you access my website with a browser whose user agent is set to Googlebot. You might need to reload it a few times.

https://sportsdate.app/en/activities

Google crawler complained about clickable elements too close together, but luckily I could fix that. So Google crawler now seems to be fine with the pages of my website created by rendertron.