Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
1 of 3 tasks
RenaKunisaki opened this issue Dec 20, 2024 · 4 comments
Open
1 of 3 tasks

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

RenaKunisaki opened this issue Dec 20, 2024 · 4 comments

Comments

@RenaKunisaki
Copy link

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.

@alextran1502
Copy link
Contributor

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

@RenaKunisaki
Copy link
Author

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

@alextran1502
Copy link
Contributor

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

@RenaKunisaki
Copy link
Author

Screenshot_20241220_115547

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants