Bug: Optimize/repair skin for TV use

[trablin45]

I really like this skin and got it running fine with chrome and mobile iOS app. But on webos is unusable I have to disable custom CSS on device, Jellyfin Web OS is based on jellyfin web 10.8.10, the problem is when using the skin button presses of the remote doesn't register correctly, like you press right button once it doesn't register, press again it goes left, and fails randomly so on, it's impossible to navigate the interface.
I've tried enabling (one at a time) improve performance, compact poster, and horizontal my media, none helps the broken navigation

Without this custom CSS. You can use the LG remote and jellyfin without any problems
Other than that there's a few minor "cosmetics" bugs on webos but these are irrelevant until the Skin is usable first

• Device: LG TV
• OS: WEB OS 6

[prayag17]

I know tv support is not present but that's cause I have never been able to create a dev environment to test on tv and without it i cant do much

[EdyDeveloper]

I know you probably looked at this but I'll just send a few links just in case you missed them.

WebOS Simulator (up to date): https://webostv.developer.lge.com/develop/tools/simulator-introduction

WebOS Emulator (TVs up to 2021 aka WebOS 6): https://webostv.developer.lge.com/develop/tools/emulator-introduction

Maybe these might work?

[prayag17]

I looked into these dev emulators but they never seem to run on my device I will give it another try

[EdyDeveloper]

Maybe you could try a different OS. If you first tried on Windows, maybe linux in a VM would be worth a shot for example?

[prayag17]

I was able to get the simulator to run but was still not able recreate the issue you are talking about

[trablin45]

Hello, great that you made it working, I don't know how exactly the simulator operates but does it emulates an LG tv remote arrow keys? I found something: the problem only exists if backdrops are enabled. Disabling backdrops makes the navigation normal again. BUT skin disabled + backdrops works normally. Other than that custom logos aren't showing (but working on chrome) I've tried uninstalling the app and reinstalling in case there was a cache problem but didn't solve anything

[prayag17]

Yes the simulator does have a remote, I will try to install jellyfin app on my tizen and debug it from there when I get the time to do so and yeah the logos don't work on tv since they don't seem to exist in tv layout

[quixotic120]

Also on webos with lg cx oled, navigation working fine and majority of the css working as it should. However, episode listing is broken.

With custom css on: episodes listed vertically, skips episodes, loses preview image and text gets cut off

With custom css off to show metadata is available and all episodes are there

my setup has the css and logos css added, no proxy stuff, no customizations, fanart plugin installed and added as a provider, backdrops on

sorry for crappy pics. You can take screenshots on webos but for some reason it doesn’t work within jellyfin app?

[prayag17]

I am still unable to recreate TV-related bugs on emulators and my Samsung TV won't allow me to use Inspector in Jellyfin app.

[ilbarone87]

I absolutely love this skin, but I'm getting some weirdness too on WebOs 5.x.

[prayag17]

As I mentioned before I have no way of debugging tv issues for now. I suggest you disable JellySkin in tv for the time being(Setting->Display->Disable Server CSS) till I find a fix

[matthijsvrenswoude]

@ilbarone87 Update on #163
@quixotic120 does the episode listing still like that on your end? I am running a LG CX aswell and for me it totally looks different, Jellyfin might have been updated in the meantime?

[ilbarone87]

@matthijsvrenswoude i'll give it a go, thanks for the heads up