[Bug]: Review layout issue on mobile when French language is active

[azsde]

Checklist

• I have updated to the latest available Frigate version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in incognito mode to rule out problems with any third party extensions or plugins I have installed.
• I have asked the AI at https://docs.frigate.video about my issue.

Describe the problem you are having

Hi,

When French language is active, in the review section the items are overflowing under the timeline:

frigate.bug.mp4

This issue doesn't happen when english is selected, but happens with some other languages (spanish for instance).

Steps to reproduce

1. Chose French as frigate's language
2. Go in review section
3. See that items are overflowing under the timeline

Version

0.16.2-4d58206

In which browser(s) are you experiencing the issue with?

No response

Frigate config file

mqtt:
  enabled: false

tls:
  enabled: true

record:
  sync_recordings: true

detectors:
  coral:
    type: edgetpu
    device: pci

ffmpeg:
  hwaccel_args: preset-intel-qsv-h264
  input_args: -rtsp_transport tcp

cameras:
  garage:
    enabled: true
    ui:
      order: 1
    ffmpeg:
      inputs:
        - path: <url> # <----- The stream you want to use for detection
          roles:
            - detect
            - record
    detect:
      enabled: true # <---- disable detection until you have a working camera feed
      fps: 5

    record:
      enabled: true
      retain:
        days: 3
        mode: motion
      alerts:
        retain:
          days: 360
      detections:
        retain:
          days: 360
    objects:
      filters:
        person: {}
    motion:
      threshold: 30
      contour_area: 10
      improve_contrast: 'true'
      mask: 0.004,0.007,0.158,0.009,0.158,0.039,0.004,0.038

version: 0.16-0
semantic_search:
  enabled: true
  reindex: false
  model_size: small
detect:
  enabled: true

docker-compose file or Docker CLI command

services:
  frigate:
    container_name: frigate
    privileged: true # this may not be necessary for all setups
    restart: unless-stopped
    image: ghcr.io/blakeblackshear/frigate:stable
    shm_size: 512mb # update for your cameras based on calculation above
    devices:
      - /dev/bus/usb:/dev/bus/usb # Passes the USB Coral, needs to be modified for other versions
      - /dev/dri/renderD128:/dev/dri/renderD128 # For intel hwaccel, needs to be updated for your hardware
    volumes:
      - /etc/localtime:/etc/localtime:ro
      - /etc/ssl/certs/mycert.crt:/etc/letsencrypt/live/frigate/fullchain.pem:ro
      - /etc/ssl/private/mycert.key:/etc/letsencrypt/live/frigate/privkey.pem:ro
      - /home/azsde/docker/data/frigate/config:/config
      - type: tmpfs
        target: /tmp/cache
        tmpfs:
          size: 1000000000
    ports:
      - 8971:8971
      - 8554:8554 # RTSP feeds
      - 8555:8555/tcp # WebRTC over tcp
      - 8555:8555/udp # WebRTC over udp
    environment:
      FRIGATE_RTSP_PASSWORD: <password>

Relevant Frigate log output

No relevant log

Relevant go2rtc log output

No relevant go2rtc logs

Operating system

Debian

Install method

Docker Compose

Network connection

Wired

Camera make and model

DIY : Raspberry Pi 3 + Camera Module v3 - Using MediaMTX to stream the camera via rtsp

Screenshots of the Frigate UI's System metrics pages

Any other information that may be helpful

Issue happens on my self hosted instance but also on https://demo.frigate.video/

[inkeep-ai-assistant[bot]]

This is a UI layout bug related to language translations in the Frigate web interface. The issue occurs when certain languages with longer text strings (like French or Spanish) are active, causing review items to overflow under the timeline on mobile devices.

Based on the available sources, there have been similar language-related UI issues reported. The language system uses i18next for translations, and there have been cases where missing or incomplete translation files caused display problems(1)(2).

While I don't have specific documentation about this exact French layout issue in the review section, this appears to be a frontend CSS/layout bug where the translated French text is longer than the English equivalent, causing the layout to break on smaller screens.

Recommended actions:

1. Report this as a bug on the Frigate GitHub issues page with your screenshots and reproduction steps
2. As a temporary workaround, switch back to English until the issue is resolved
3. Clear your browser cache after any language changes to ensure fresh translations are loaded

The Frigate team has addressed similar language-related UI issues in the past, so this will likely be fixed in a future release once reported(1)(2).

📚 Sources:

1. Chinese language error reporting issue
2. Auto language setting

---

Have another question? Just tag @inkeep.

[hawkeye217]

Thanks, this is caused by the long French text on the "Mark as reviewed" button at the bottom of the review item list. The string has already been changed to something shorter for the next version of Frigate (0.17) but I've also put up a code change to cause any button text to wrap rather than overflow and widen the containing element.

#20897

[azsde]

Alright, thank you for the information :)