[UI] Tag list does not show any photos #4989

Open
opened 2026-02-05 11:03:02 +03:00 by OVERLORD · 4 comments
Owner

Originally created by @RenaKunisaki on GitHub (Dec 20, 2024).

The bug

When clicking a tag in the tags list, photos briefly appear before being replaced with blank squares.

The OS that Immich Server is running on

Artix Linux AMD64

Version of Immich Server

v1.123.0

Version of Immich Mobile App

N/A

Platform with the issue

  • Server
  • Web
  • Mobile

Your docker-compose.yml content

#
# WARNING: Make sure to use the docker-compose.yml of the current release:
#
# https://github.com/immich-app/immich/releases/latest/download/docker-compose.yml
#
# The compose file on main may not be compatible with the latest release.
#

name: immich

services:
  immich-server:
    container_name: immich_server
    image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release}
    # extends:
    #   file: hwaccel.transcoding.yml
    #   service: cpu # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding
    volumes:
      # Do not edit the next line. If you want to change the media storage location on your system, edit the value of UPLOAD_LOCATION in the .env file
      - ${UPLOAD_LOCATION}:/usr/src/app/upload
      - /etc/localtime:/etc/localtime:ro
      - /home/rena/img:/home/rena/img
      - /home/rena/video:/home/rena/video
      - /home/rena/unsorted:/home/rena/unsorted
      - /home/www/Downloads:/home/www/Downloads
    env_file:
      - .env
    ports:
      - '2283:2283'
    depends_on:
      - redis
      - database
    restart: always
    healthcheck:
      disable: false

  immich-machine-learning:
    container_name: immich_machine_learning
    # For hardware acceleration, add one of -[armnn, cuda, openvino] to the image tag.
    # Example tag: ${IMMICH_VERSION:-release}-cuda
    image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release}-openvino
    extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration
        file: hwaccel.ml.yml
        service: openvino # set to one of [armnn, cuda, openvino, openvino-wsl] for accelerated inference - use the `-wsl` version for WSL2 where applicable
    volumes:
      - model-cache:/cache
    env_file:
      - .env
    restart: always
    healthcheck:
      disable: false

  redis:
    container_name: immich_redis
    image: docker.io/redis:6.2-alpine@sha256:eaba718fecd1196d88533de7ba49bf903ad33664a92debb24660a922ecd9cac8
    healthcheck:
      test: redis-cli ping || exit 1
    restart: always

  database:
    container_name: immich_postgres
    image: docker.io/tensorchord/pgvecto-rs:pg14-v0.2.0@sha256:90724186f0a3517cf6914295b5ab410db9ce23190a2d9d0b9dd6463e3fa298f0
    environment:
      POSTGRES_PASSWORD: ${DB_PASSWORD}
      POSTGRES_USER: ${DB_USERNAME}
      POSTGRES_DB: ${DB_DATABASE_NAME}
      POSTGRES_INITDB_ARGS: '--data-checksums'
    volumes:
      # Do not edit the next line. If you want to change the database storage location on your system, edit the value of DB_DATA_LOCATION in the .env file
      - ${DB_DATA_LOCATION}:/var/lib/postgresql/data
    healthcheck:
      test: >-
        pg_isready --dbname="$${POSTGRES_DB}" --username="$${POSTGRES_USER}" || exit 1;
        Chksum="$$(psql --dbname="$${POSTGRES_DB}" --username="$${POSTGRES_USER}" --tuples-only --no-align
        --command='SELECT COALESCE(SUM(checksum_failures), 0) FROM pg_stat_database')";
        echo "checksum failure count is $$Chksum";
        [ "$$Chksum" = '0' ] || exit 1
      interval: 5m
      start_interval: 30s
      start_period: 5m
    command: >-
      postgres
      -c shared_preload_libraries=vectors.so
      -c 'search_path="$$user", public, vectors'
      -c logging_collector=on
      -c max_wal_size=2GB
      -c shared_buffers=512MB
      -c wal_compression=on
    restart: always

volumes:
  model-cache:

Your .env content

# You can find documentation for all the supported env variables at https://immich.app/docs/install/environment-variables

# The location where your uploaded files are stored
UPLOAD_LOCATION=./library
# The location where your database files are stored
DB_DATA_LOCATION=./postgres

# To set a timezone, uncomment the next line and change Etc/UTC to a TZ identifier from this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List
# TZ=Etc/UTC

# The Immich version to use. You can pin this to a specific version like "v1.71.0"
IMMICH_VERSION=release

# Connection secret for postgres. You should change it to a random password
# Please use only the characters `A-Za-z0-9`, without special characters or spaces
DB_PASSWORD=redacted

# The values below this line do not need to be changed
###################################################################################
DB_USERNAME=postgres
DB_DATABASE_NAME=immich

Reproduction steps

  1. Enable tags feature in account settings
  2. Go to tag list
  3. Select a tag
  4. Some photos appear
  5. Go back and select another tag
  6. A photo appears, then disappears, and the list is filled with empty black boxes
  7. Selecting any tag, including the one selected in step 3, now shows only these boxes, and the container does not scroll, so if there are images beyond them, they're inaccessible
  8. Clicking the boxes does nothing

Relevant log output

N/A

Additional information

In my case, the tags were automatically extracted, so I didn't create any manually. Not sure if the bug manifests if you create them yourself or if you don't have very many.

Originally created by @RenaKunisaki on GitHub (Dec 20, 2024). ### The bug When clicking a tag in the tags list, photos briefly appear before being replaced with blank squares. ### The OS that Immich Server is running on Artix Linux AMD64 ### Version of Immich Server v1.123.0 ### Version of Immich Mobile App N/A ### Platform with the issue - [ ] Server - [X] Web - [ ] Mobile ### Your docker-compose.yml content ```YAML # # WARNING: Make sure to use the docker-compose.yml of the current release: # # https://github.com/immich-app/immich/releases/latest/download/docker-compose.yml # # The compose file on main may not be compatible with the latest release. # name: immich services: immich-server: container_name: immich_server image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release} # extends: # file: hwaccel.transcoding.yml # service: cpu # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding volumes: # Do not edit the next line. If you want to change the media storage location on your system, edit the value of UPLOAD_LOCATION in the .env file - ${UPLOAD_LOCATION}:/usr/src/app/upload - /etc/localtime:/etc/localtime:ro - /home/rena/img:/home/rena/img - /home/rena/video:/home/rena/video - /home/rena/unsorted:/home/rena/unsorted - /home/www/Downloads:/home/www/Downloads env_file: - .env ports: - '2283:2283' depends_on: - redis - database restart: always healthcheck: disable: false immich-machine-learning: container_name: immich_machine_learning # For hardware acceleration, add one of -[armnn, cuda, openvino] to the image tag. # Example tag: ${IMMICH_VERSION:-release}-cuda image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release}-openvino extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration file: hwaccel.ml.yml service: openvino # set to one of [armnn, cuda, openvino, openvino-wsl] for accelerated inference - use the `-wsl` version for WSL2 where applicable volumes: - model-cache:/cache env_file: - .env restart: always healthcheck: disable: false redis: container_name: immich_redis image: docker.io/redis:6.2-alpine@sha256:eaba718fecd1196d88533de7ba49bf903ad33664a92debb24660a922ecd9cac8 healthcheck: test: redis-cli ping || exit 1 restart: always database: container_name: immich_postgres image: docker.io/tensorchord/pgvecto-rs:pg14-v0.2.0@sha256:90724186f0a3517cf6914295b5ab410db9ce23190a2d9d0b9dd6463e3fa298f0 environment: POSTGRES_PASSWORD: ${DB_PASSWORD} POSTGRES_USER: ${DB_USERNAME} POSTGRES_DB: ${DB_DATABASE_NAME} POSTGRES_INITDB_ARGS: '--data-checksums' volumes: # Do not edit the next line. If you want to change the database storage location on your system, edit the value of DB_DATA_LOCATION in the .env file - ${DB_DATA_LOCATION}:/var/lib/postgresql/data healthcheck: test: >- pg_isready --dbname="$${POSTGRES_DB}" --username="$${POSTGRES_USER}" || exit 1; Chksum="$$(psql --dbname="$${POSTGRES_DB}" --username="$${POSTGRES_USER}" --tuples-only --no-align --command='SELECT COALESCE(SUM(checksum_failures), 0) FROM pg_stat_database')"; echo "checksum failure count is $$Chksum"; [ "$$Chksum" = '0' ] || exit 1 interval: 5m start_interval: 30s start_period: 5m command: >- postgres -c shared_preload_libraries=vectors.so -c 'search_path="$$user", public, vectors' -c logging_collector=on -c max_wal_size=2GB -c shared_buffers=512MB -c wal_compression=on restart: always volumes: model-cache: ``` ### Your .env content ```Shell # You can find documentation for all the supported env variables at https://immich.app/docs/install/environment-variables # The location where your uploaded files are stored UPLOAD_LOCATION=./library # The location where your database files are stored DB_DATA_LOCATION=./postgres # To set a timezone, uncomment the next line and change Etc/UTC to a TZ identifier from this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List # TZ=Etc/UTC # The Immich version to use. You can pin this to a specific version like "v1.71.0" IMMICH_VERSION=release # Connection secret for postgres. You should change it to a random password # Please use only the characters `A-Za-z0-9`, without special characters or spaces DB_PASSWORD=redacted # The values below this line do not need to be changed ################################################################################### DB_USERNAME=postgres DB_DATABASE_NAME=immich ``` ### Reproduction steps 1. Enable tags feature in account settings 2. Go to tag list 3. Select a tag 4. Some photos appear 5. Go back and select another tag 6. A photo appears, then disappears, and the list is filled with empty black boxes 7. Selecting any tag, including the one selected in step 3, now shows only these boxes, and the container does not scroll, so if there are images beyond them, they're inaccessible 8. Clicking the boxes does nothing ### Relevant log output ```shell N/A ``` ### Additional information In my case, the tags were automatically extracted, so I didn't create any manually. Not sure if the bug manifests if you create them yourself or if you don't have very many.
Author
Owner

@alextran1502 commented on GitHub (Dec 20, 2024):

Can you help confirm that if the tags are created manually, it will show? Also, can you capture the logs from the browser console? by pressing F12

@alextran1502 commented on GitHub (Dec 20, 2024): Can you help confirm that if the tags are created manually, it will show? Also, can you capture the logs from the browser console? by pressing `F12`
Author
Owner

@RenaKunisaki commented on GitHub (Dec 20, 2024):

After creating a new tag and adding an image to it, the issue repeats (first load works, subsequent loads fail). Console shows:

The resource at “http://localhost:2283/_app/immutable/assets/Overpass.DCP28BvT.ttf” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. tags
The resource at “http://localhost:2283/_app/immutable/assets/OverpassMono.XkUhFDDw.ttf” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. tags
// clicking a tag now
undefined
// image appears OK
undefined
// pressed Back, clicking another tag
undefined
Uncaught (in promise) Can only init once
// UI is broken
undefined
Uncaught (in promise) Can only init once
@RenaKunisaki commented on GitHub (Dec 20, 2024): After creating a new tag and adding an image to it, the issue repeats (first load works, subsequent loads fail). Console shows: ``` The resource at “http://localhost:2283/_app/immutable/assets/Overpass.DCP28BvT.ttf” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. tags The resource at “http://localhost:2283/_app/immutable/assets/OverpassMono.XkUhFDDw.ttf” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. tags // clicking a tag now undefined // image appears OK undefined // pressed Back, clicking another tag undefined Uncaught (in promise) Can only init once // UI is broken undefined Uncaught (in promise) Can only init once ```
Author
Owner

@alextran1502 commented on GitHub (Dec 20, 2024):

Do you mind capturing the screenshot of the console screen, please?

@alextran1502 commented on GitHub (Dec 20, 2024): Do you mind capturing the screenshot of the console screen, please?
Author
Owner

@RenaKunisaki commented on GitHub (Dec 20, 2024):

Screenshot_20241220_115547

@RenaKunisaki commented on GitHub (Dec 20, 2024): ![Screenshot_20241220_115547](https://github.com/user-attachments/assets/f6fa610c-e089-428e-a377-08ae4fb55257)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: immich-app/immich#4989