Angular app D-pad navigation on Google TV not working

[mattiLeBlanc]

Hi,

I am new working with CapacitorJS. I wrapped our app into an Android app and installed the APK on my Google TV / Chromecast.
The app loads fine besides some DPI/Width issues, but I can't seem to use the D-pad ( arrows) on my remote.

When I run the app in my Android Studio in a Virtual Machine, I can use the virtual remote and the arrows work and jump to DIVs and Buttons etc.

But on the Google TV, nothing is happening except on the login page, I can navigate to my Username and Password fields.
The main page, the navbar (which has hyperlinks and tabindex) is not navigable unless I use a mouse click in one of the buttons (I connected with abd to my chromecast and can inspect it :) yay ).
Then the focus is set and I can use the arrows on the remote.

So I have a couple of hunches. Maybe for some reason the hyperlinks nested pretty deep, the remote doesn't know where to start and there is no focus. So maybe I need to set a focus in the top left or something?
I am using Angular Material Components. I am not sure if those are interfering with any kind of navigation.

Does anyone have any pointers where I should start looking?

[mattiLeBlanc]

Anyone?