Parts of the UI loading incorrectly or not loading #7315

Closed
opened 2025-12-22 05:33:09 +01:00 by backuprepo · 1 comment
Owner

Originally created by @plomek on GitHub (Sep 11, 2025).

Description of the bug

This bug lists multiple issues, but I believe they are all connected or caused by the same problem, because all of them result in parts of the UI either not loading or loading incorrectly. So it is probably better to group them together as Parts of the UI loading incorrectly or not loading. I have not seen anyone else report similar issues.

  1. The top menu bar used for displaying the movie title, going back to the home page, etc. loads in the middle of the screen instead of at the top. It does disappear with the rest of the bottom playback menu when not moving the mouse, as it normally should. This is very inconsistent, as even going to the home page and back can rarely fix it, but it usually breaks again after some time. This issue is also movie-specific about 2/3 of my movie/series library is affected.
Image
  1. The background library image always fails to load the first time and requires a refresh for it to appear. This is very consistent it always requires one browser refresh for the image to load. After that, all movie background images load correctly until you go back to the home page, which breaks background loading again until another refresh on a movie page. I have tried changing the metadata downloaders and image fetchers.

Clicking on a movie normally:
Image

After browser refresh:
Image

  1. The Home UI doesn’t load at all. I can’t reproduce this issue reliably, but sometimes the entire home UI (except for the top bar) disappears, making it hard to find any movies (though the top bar search menu still worked). This issue eventually resolved itself and is here just for additional context.

All of these issues appear both on a local connection and through an internet domain using a Cloudflare tunnel.

I have tried the following with no effect:

  • Scaning all libraries
  • Restarting my jellyfin cofiguration by using the reset button in the dashboard
  • Restarting my docker compse with 'docker compose down docker compose up -d`
  • Changing the Metadata downloaders and Image fetchers
  • Enabling custom CSS
  • Disabling custom CSS
  • Removing all of the pluggins I have installed
  • Cleaning the cache directory (this had some positive inconsistant effect on issue 1 and 3 but could be just random)
  • Cleaning the cache on application startup
  • Using incognito mode
  • Using diffrent browser and device

Reproduction steps

I have no Idea how to reproduce this. The issue is somewhat inconsistand and I dont know the root cause

What is the current bug behavior?

1 The top menu bar sometimes loads in the middle of the screen instead of at the top about 2/3 of the time. (inconsistent)

  1. Background library images fail to load the first time and require a refresh. (consistent)

  2. (This issue has fixed itself and is here just for additional context) the Home UI doesn’t load at all except for the top bar. (inconsistent)

What is the expected correct behavior?

  1. The top bar loads at the top 100% of the time instead of in the middle.

  2. Background library images load immediately without requiring a browser refresh.

  3. The Home UI loads fully.

Jellyfin Server version

10.10.0+

Specify commit id

No response

Specify unstable release number

No response

Specify version number

No response

Specify the build version

10.10.7

Environment

- OS: Windows 10, Windows 11
- Linux Kernel: 6.14.0-28-generic
- Virtualization: Docker Compose
- Clients: Browser
- Browser: Firefox, Chrome, Edge
- FFmpeg Version: 7.1.1
- Playback Method: Direct Stream, Transcode
- Hardware Acceleration: VAAPI
- GPU Model: Intel HD Graphics 4000
- Plugins: Intro Skipper, Custom Tabs, File Transformation, TMDb Trailers, Open Subtitles
- Reverse Proxy:
- Base URL: none
- Networking: Cloudflare tunnel
- Jellyfin Data Storage: Local HDD
- Media Storage: Local HDD
- External Integrations: Jellyseerr, Sonarr, Radarr, Prowlarr, qBittorrent

Jellyfin logs

IMPORTANT I was not sure how to censor out personal information so I asked chat gpt to do that so these logs might not be very usefull please let me know how to do this properly if these logs are not enough:

[INFO] Jellyfin.Server: Jellyfin version: 10.10.7
[INFO] Jellyfin.Server: Environment: Ubuntu 24.04.3 LTS (Linux 6.x)
[INFO] Jellyfin.Server: Architecture: X64
[INFO] Jellyfin.Server: Number of logical processors: 4
[INFO] Jellyfin.Server: Program data path: <PATH>
[INFO] Jellyfin.Server: Web resources path: <PATH>/jellyfin-web
[INFO] Jellyfin.Server: Application directory: <PATH>/jellyfin
[INFO] Jellyfin.Server: Cache path: <PATH>/cache
[INFO] Jellyfin.Server: Log directory: <PATH>/log

[INFO] Jellyfin.Server: Using FFmpeg path: /usr/lib/jellyfin-ffmpeg/ffmpeg
[INFO] Jellyfin.Server: Using FFmpeg version 7.1.1
[INFO] Jellyfin.Server: Hardware acceleration enabled: VAAPI (Intel iGPU, driver i965)

[WARN] Jellyfin.Networking.Manager: Unable to parse bind override: "https://<DOMAIN>"
System.ArgumentException: Invalid URI: The format of the URI could not be determined.

[INFO] Jellyfin.Server: Loading plugins
[INFO] Jellyfin.Server: Loaded plugin: Custom Tabs 10.10.7.0
[INFO] Jellyfin.Server: Loaded plugin: File Transformation 3.0.0.0 (failed to initialize)
[INFO] Jellyfin.Server: Loaded plugin: Intro Skipper 0.5.3
[INFO] Jellyfin.Server: Loaded plugin: Open Subtitles 13.0.0.0
[INFO] Jellyfin.Server: Loaded plugin: TMDb Trailers 15.0.0.0
[INFO] Jellyfin.Server: Loaded plugin: TheTVDB 18.0.0.0
[INFO] Jellyfin.Server: Loaded plugin: OMDb 16.0.0.0
[INFO] Jellyfin.Server: Loaded plugin: MusicBrainz 10.0.0.0
[INFO] Jellyfin.Server: Loaded plugin: AudioDB 10.0.0.0
[INFO] Jellyfin.Server: Finished loading plugins

[ERROR] Jellyfin.Plugin.FileTransformation: Error creating plugin.
System.ArgumentException: Could not convert string to object for FileTransformationPluginOptions

[INFO] Jellyfin.Networking.Manager: Remote IP filter mode: "Allowlist"
[INFO] Jellyfin.Networking.Manager: Accepting connections at 0.0.0.0 on port 8096
[INFO] Jellyfin.Networking.Manager: HTTP public listening enabled
[INFO] Jellyfin.Networking.Manager: HTTPS public listening disabled
[INFO] Jellyfin.Networking.Manager: Published server URL not set

[ERROR] Jellyfin.Server.Middleware.ExceptionMiddleware: Error processing request
System.ObjectDisposedException: Cannot access a disposed object.
Object name: 'SqliteConnection'.
   at Microsoft.Data.Sqlite.SqliteConnection.get_State()
   at MediaBrowser.Controller.Entities.User.GetPreference(String key)
   at MediaBrowser.Api.UserLibrary.UserLibraryService.GetLatestItems
   Request: GET /Items/Latest?IncludeItemTypes=Movie&IsPlayed=false&...

[WARN] Jellyfin.Networking.Manager: Could not resolve published server URL: "https://<DOMAIN>"
System.UriFormatException: Invalid URI: The format of the URI could not be determined.

[INFO] Jellyfin.Server: Playback requested: <MOVIE_TITLE> (transcoding)
[INFO] Jellyfin.Server: Video codec: h264, container: mkv
[INFO] Jellyfin.Server: Transcoding to HLS
[INFO] Jellyfin.Server: Using VAAPI device: /dev/dri/renderD128
[INFO] Jellyfin.Server: Transcoding with encoder: h264_vaapi
[INFO] Jellyfin.Server: Audio transcoding with libfdk_aac
[INFO] Jellyfin.Server: Stream bitrate: ~3.5 Mbps

[INFO] Jellyfin.Server: Session started for user "<USER>"
[INFO] Jellyfin.Server: Device: Jellyfin Web 10.10.7
[INFO] Jellyfin.Server: Device: Jellyfin Android 2.6.3

[INFO] Jellyfin.Server: Library scan triggered for "Movies"
[INFO] Jellyfin.Server: Library scan triggered for "TV"
[INFO] Jellyfin.Server: Found <X> new items, <Y> unchanged

[INFO] Jellyfin.Server: Shutting down
[INFO] Jellyfin.Server: Disposing plugins
[INFO] Jellyfin.Server: Stopping server core

FFmpeg logs


Client / Browser logs

No response

Relevant screenshots or videos

Issue 1.
Image
Issue 2.

before browser refresh:
Image
after browser refresh:
Image

Additional information

I understand the information provided may not be sufficient to resolve the issue, as I don’t have reliable reproduction steps and the behavior is somewhat inconsistent. Please let me know if there are specific things I can try or additional details I can provide to help troubleshoot this issue.

Originally created by @plomek on GitHub (Sep 11, 2025). ### Description of the bug This bug lists multiple issues, but I believe they are all connected or caused by the same problem, because all of them result in parts of the UI either not loading or loading incorrectly. So it is probably better to group them together as Parts of the UI loading incorrectly or not loading. I have not seen anyone else report similar issues. 1. The top menu bar used for displaying the movie title, going back to the home page, etc. loads in the middle of the screen instead of at the top. It does disappear with the rest of the bottom playback menu when not moving the mouse, as it normally should. This is very inconsistent, as even going to the home page and back can rarely fix it, but it usually breaks again after some time. This issue is also movie-specific about 2/3 of my movie/series library is affected. <img width="950" height="459" alt="Image" src="https://github.com/user-attachments/assets/f8373b12-6d2e-4da3-8542-76c2bd060e42" /> 2. The background library image always fails to load the first time and requires a refresh for it to appear. This is very consistent it always requires one browser refresh for the image to load. After that, all movie background images load correctly until you go back to the home page, which breaks background loading again until another refresh on a movie page. I have tried changing the metadata downloaders and image fetchers. Clicking on a movie normally: <img width="953" height="157" alt="Image" src="https://github.com/user-attachments/assets/0b0aed28-b768-46ab-8ba1-e871e418ee59" /> After browser refresh: <img width="957" height="164" alt="Image" src="https://github.com/user-attachments/assets/9a2de0bd-82c7-47f8-816b-abc88918b635" /> 3. The Home UI doesn’t load at all. I can’t reproduce this issue reliably, but sometimes the entire home UI (except for the top bar) disappears, making it hard to find any movies (though the top bar search menu still worked). This issue eventually resolved itself and is here just for additional context. All of these issues appear both on a local connection and through an internet domain using a Cloudflare tunnel. I have tried the following with no effect: - Scaning all libraries - Restarting my jellyfin cofiguration by using the reset button in the dashboard - Restarting my docker compse with 'docker compose down` `docker compose up -d` - Changing the Metadata downloaders and Image fetchers - Enabling custom CSS - Disabling custom CSS - Removing all of the pluggins I have installed - Cleaning the cache directory (this had some positive inconsistant effect on issue 1 and 3 but could be just random) - Cleaning the cache on application startup - Using incognito mode - Using diffrent browser and device ### Reproduction steps I have no Idea how to reproduce this. The issue is somewhat inconsistand and I dont know the root cause ### What is the current _bug_ behavior? 1 The top menu bar sometimes loads in the middle of the screen instead of at the top about 2/3 of the time. (inconsistent) 2. Background library images fail to load the first time and require a refresh. (consistent) 3. (This issue has fixed itself and is here just for additional context) the Home UI doesn’t load at all except for the top bar. (inconsistent) ### What is the expected _correct_ behavior? 1. The top bar loads at the top 100% of the time instead of in the middle. 2. Background library images load immediately without requiring a browser refresh. 3. The Home UI loads fully. ### Jellyfin Server version 10.10.0+ ### Specify commit id _No response_ ### Specify unstable release number _No response_ ### Specify version number _No response_ ### Specify the build version 10.10.7 ### Environment ```markdown - OS: Windows 10, Windows 11 - Linux Kernel: 6.14.0-28-generic - Virtualization: Docker Compose - Clients: Browser - Browser: Firefox, Chrome, Edge - FFmpeg Version: 7.1.1 - Playback Method: Direct Stream, Transcode - Hardware Acceleration: VAAPI - GPU Model: Intel HD Graphics 4000 - Plugins: Intro Skipper, Custom Tabs, File Transformation, TMDb Trailers, Open Subtitles - Reverse Proxy: - Base URL: none - Networking: Cloudflare tunnel - Jellyfin Data Storage: Local HDD - Media Storage: Local HDD - External Integrations: Jellyseerr, Sonarr, Radarr, Prowlarr, qBittorrent ``` ### Jellyfin logs ```shell IMPORTANT I was not sure how to censor out personal information so I asked chat gpt to do that so these logs might not be very usefull please let me know how to do this properly if these logs are not enough: [INFO] Jellyfin.Server: Jellyfin version: 10.10.7 [INFO] Jellyfin.Server: Environment: Ubuntu 24.04.3 LTS (Linux 6.x) [INFO] Jellyfin.Server: Architecture: X64 [INFO] Jellyfin.Server: Number of logical processors: 4 [INFO] Jellyfin.Server: Program data path: <PATH> [INFO] Jellyfin.Server: Web resources path: <PATH>/jellyfin-web [INFO] Jellyfin.Server: Application directory: <PATH>/jellyfin [INFO] Jellyfin.Server: Cache path: <PATH>/cache [INFO] Jellyfin.Server: Log directory: <PATH>/log [INFO] Jellyfin.Server: Using FFmpeg path: /usr/lib/jellyfin-ffmpeg/ffmpeg [INFO] Jellyfin.Server: Using FFmpeg version 7.1.1 [INFO] Jellyfin.Server: Hardware acceleration enabled: VAAPI (Intel iGPU, driver i965) [WARN] Jellyfin.Networking.Manager: Unable to parse bind override: "https://<DOMAIN>" System.ArgumentException: Invalid URI: The format of the URI could not be determined. [INFO] Jellyfin.Server: Loading plugins [INFO] Jellyfin.Server: Loaded plugin: Custom Tabs 10.10.7.0 [INFO] Jellyfin.Server: Loaded plugin: File Transformation 3.0.0.0 (failed to initialize) [INFO] Jellyfin.Server: Loaded plugin: Intro Skipper 0.5.3 [INFO] Jellyfin.Server: Loaded plugin: Open Subtitles 13.0.0.0 [INFO] Jellyfin.Server: Loaded plugin: TMDb Trailers 15.0.0.0 [INFO] Jellyfin.Server: Loaded plugin: TheTVDB 18.0.0.0 [INFO] Jellyfin.Server: Loaded plugin: OMDb 16.0.0.0 [INFO] Jellyfin.Server: Loaded plugin: MusicBrainz 10.0.0.0 [INFO] Jellyfin.Server: Loaded plugin: AudioDB 10.0.0.0 [INFO] Jellyfin.Server: Finished loading plugins [ERROR] Jellyfin.Plugin.FileTransformation: Error creating plugin. System.ArgumentException: Could not convert string to object for FileTransformationPluginOptions [INFO] Jellyfin.Networking.Manager: Remote IP filter mode: "Allowlist" [INFO] Jellyfin.Networking.Manager: Accepting connections at 0.0.0.0 on port 8096 [INFO] Jellyfin.Networking.Manager: HTTP public listening enabled [INFO] Jellyfin.Networking.Manager: HTTPS public listening disabled [INFO] Jellyfin.Networking.Manager: Published server URL not set [ERROR] Jellyfin.Server.Middleware.ExceptionMiddleware: Error processing request System.ObjectDisposedException: Cannot access a disposed object. Object name: 'SqliteConnection'. at Microsoft.Data.Sqlite.SqliteConnection.get_State() at MediaBrowser.Controller.Entities.User.GetPreference(String key) at MediaBrowser.Api.UserLibrary.UserLibraryService.GetLatestItems Request: GET /Items/Latest?IncludeItemTypes=Movie&IsPlayed=false&... [WARN] Jellyfin.Networking.Manager: Could not resolve published server URL: "https://<DOMAIN>" System.UriFormatException: Invalid URI: The format of the URI could not be determined. [INFO] Jellyfin.Server: Playback requested: <MOVIE_TITLE> (transcoding) [INFO] Jellyfin.Server: Video codec: h264, container: mkv [INFO] Jellyfin.Server: Transcoding to HLS [INFO] Jellyfin.Server: Using VAAPI device: /dev/dri/renderD128 [INFO] Jellyfin.Server: Transcoding with encoder: h264_vaapi [INFO] Jellyfin.Server: Audio transcoding with libfdk_aac [INFO] Jellyfin.Server: Stream bitrate: ~3.5 Mbps [INFO] Jellyfin.Server: Session started for user "<USER>" [INFO] Jellyfin.Server: Device: Jellyfin Web 10.10.7 [INFO] Jellyfin.Server: Device: Jellyfin Android 2.6.3 [INFO] Jellyfin.Server: Library scan triggered for "Movies" [INFO] Jellyfin.Server: Library scan triggered for "TV" [INFO] Jellyfin.Server: Found <X> new items, <Y> unchanged [INFO] Jellyfin.Server: Shutting down [INFO] Jellyfin.Server: Disposing plugins [INFO] Jellyfin.Server: Stopping server core ``` ### FFmpeg logs ```shell ``` ### Client / Browser logs _No response_ ### Relevant screenshots or videos Issue 1. <img width="950" height="459" alt="Image" src="https://github.com/user-attachments/assets/f8373b12-6d2e-4da3-8542-76c2bd060e42" /> Issue 2.<br> before browser refresh: <img width="953" height="157" alt="Image" src="https://github.com/user-attachments/assets/0b0aed28-b768-46ab-8ba1-e871e418ee59" /> after browser refresh: <img width="957" height="164" alt="Image" src="https://github.com/user-attachments/assets/9a2de0bd-82c7-47f8-816b-abc88918b635" /> ### Additional information I understand the information provided may not be sufficient to resolve the issue, as I don’t have reliable reproduction steps and the behavior is somewhat inconsistent. Please let me know if there are specific things I can try or additional details I can provide to help troubleshoot this issue.
backuprepo 2025-12-22 05:33:09 +01:00
Author
Owner

@thornbill commented on GitHub (Sep 11, 2025):

Please refer to our documentation on getting help for help with troubleshooting. We do not use GitHub issues as a support forum.

If I were to take a guess it would be that something went wrong with the File Transformation plugin that has left your installation of the web app corrupted since the point of that plugin is to inject modifications into the web app (which we do not support).

@thornbill commented on GitHub (Sep 11, 2025): Please refer to our documentation on [getting help](https://jellyfin.org/docs/general/getting-help) for help with troubleshooting. We do not use GitHub issues as a support forum. If I were to take a guess it would be that something went wrong with the File Transformation plugin that has left your installation of the web app corrupted since the point of that plugin is to inject modifications into the web app (which we do not support).
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: starred/jellyfin#7315
No description provided.