Homarr•7mo ago

Widgets move around/overlap

Since a couple of days I've had issues with setting up widgets. They start to overlap, some refreshes things work out fine. Going into edit mode snaps everything back into place. I checked console + container logs, but no indication into what's causing the behaviour.

Solution:

I assume that means the issue is still present. In that case I see 2 possibilities: You may have another homarr page opened, which may be interfering a little. Your config json file is somehow botched. Maybe try making a new board and see if the issue persists there....

Jump to solution

15 Replies

Cakey Bot•7mo ago

Thank you for submitting a support request. Depending on the volume of requests, our team should get in contact with you shortly.

⚠️ Please include the following details in your post or we may reject your request without further comment: - Log (See https://homarr.dev/docs/community/faq#how-do-i-open-the-console--log) - Operating system (Unraid, TrueNAS, Ubuntu, ...) - Exact Homarr version (eg. 0.15.0, not latest) - Configuration (eg. docker-compose, screenshot or similar. Use ``your-text`` to format) - Other relevant information (eg. your devices, your browser, ...)

❓ Frequently Asked Questions | Homarr documentation

Can I install Homarr on a Raspberry Pi?

LaeharOP•7mo ago

Configuration schema version 0 Version 0.15.3 Node environment PRODUCTION Loaded I18n translation namespaces 1 Configured I18n locales 31

compose.yml

services:
  homarr:
    container_name: homarr
    image: ghcr.io/ajnart/homarr:latest
    restart: unless-stopped
    env_file:
      - /docker-config/defaults.env
      - /docker-config/core/homarr.env
    volumes:
      - ${VOLUME_ROOT}/homarr/configs:/app/data/configs
      - ${VOLUME_ROOT}/homarr/icons:/app/public/icons
      - ${VOLUME_ROOT}/homarr/data:/data
      - '/var/run/docker.sock:/var/run/docker.sock'
    networks:
      - docker_only_network


defaults.env
TZ=Europe/Brussels


homarr.env
BASE_URL=XXX
AUTH_PROVIDER=oidc
AUTH_OIDC_URI=XXX
AUTH_OIDC_CLIENT_SECRET=XXX
AUTH_OIDC_CLIENT_ID=XXX
AUTH_OIDC_CLIENT_NAME=XXX
AUTH_OIDC_ADMIN_GROUP=XXX
AUTH_OIDC_OWNER_GROUP=XXX
NEXTAUTH_URL=XXX
NODE_TLS_REJECT_UNAUTHORIZED=0

compose.yml

services:
  homarr:
    container_name: homarr
    image: ghcr.io/ajnart/homarr:latest
    restart: unless-stopped
    env_file:
      - /docker-config/defaults.env
      - /docker-config/core/homarr.env
    volumes:
      - ${VOLUME_ROOT}/homarr/configs:/app/data/configs
      - ${VOLUME_ROOT}/homarr/icons:/app/public/icons
      - ${VOLUME_ROOT}/homarr/data:/data
      - '/var/run/docker.sock:/var/run/docker.sock'
    networks:
      - docker_only_network


defaults.env
TZ=Europe/Brussels


homarr.env
BASE_URL=XXX
AUTH_PROVIDER=oidc
AUTH_OIDC_URI=XXX
AUTH_OIDC_CLIENT_SECRET=XXX
AUTH_OIDC_CLIENT_ID=XXX
AUTH_OIDC_CLIENT_NAME=XXX
AUTH_OIDC_ADMIN_GROUP=XXX
AUTH_OIDC_OWNER_GROUP=XXX
NEXTAUTH_URL=XXX
NODE_TLS_REJECT_UNAUTHORIZED=0

Serenaphic•7mo ago

Hi, this is most likely due to our screen resolution scaling system. Basically, the layout can be configured 3 times independently for small medium and large screens. (Which would corespond to phones, 1080p and 1440p+) Being on the border of toggling a different gridstack can look like things are getting jumbled and jumping around. I would suggest configuring those 3 layouts or make other layouts gridstack's to use the same amount of columns as the main one To configure the gristacks, simply go into your board's settings. They'll look like 3 sliders. Most likely you'll only need to make the medium and large gridstack use the same value, but the small one could be affected as well if you use a lower than 1080p screen resolution.

LaeharOP•7mo ago

currently my gridstack is configured as 8 columns on all 3 sized with both sidebars enabled did notice that on my 1080p screen the edit mode marks about being in medium size edit mode

LaeharOP•7mo ago

Solution

Serenaphic•7mo ago

Manicraft1001•7mo ago

This could also potentially improve with the 1.0 update because se rewrote how the grid works there. 1.0 does not have a release date yet but we expect to have a release candidate version soon.

LaeharOP•7mo ago

thanks, got some good things to look into, chances are very big I have multible tabs open (different boards, don't know if that matters) Happen to have any pointers what to look for in the config file related to this? Am excited for the official 1.0 release then 😄

Serenaphic•7mo ago

Frankly, modifying the config file by hand can be really tricky and break easily. Does the issue persist on all boards you made?

LaeharOP•7mo ago

Think I've had janky behavior almost every time in the past, but haven't tried new one yet, will get back once that's done Will be tonight probably

Serenaphic•7mo ago

Sure, keep up posted

LaeharOP•7mo ago

should find time the coming days to setup new dashboard, initial findings are that the Medium/Large thing is related to enabling the sidebars. Apparently having both enabled makes it think it's in Medium size is the "schemaVersion" property significant for something? noticed default has version 2 but my other boards have 1 new pages are less buggy, occasionally I have widgets overlapping eachother, but editing & putting them in placce works atleast think there might be something related to the sidebars but not 100% sure, adding apps in there seems to have given the weirdest & most overlapping along with Jellyseerr widgets either way, got fully setup boards now with group access control 😄 (Authelia proxied)

Manicraft1001•7mo ago

Thanks for the update. As mentioned, due to the project's status it's unlikely that we invest much time into trying to find and fix every bug. I also have some issues with mine but they can be dealt with. https://github.com/ajnart/homarr/issues/1993

GitHub

📢 Announcing our work on version 1.0 · Issue #1993 · ajnart/homarr

We (the core team) are currently working on a complete overhaul of Homarr. We are rewriting the entire application and have already done some necessary work. As we are focussing on version 1.0, we ...

Manicraft1001•7mo ago

1.0 should be much more stable in this regard and we expect to release an alpha testing version soon

LaeharOP•7mo ago

completely understand that, am already glad that starting from new pages made it a lot smoother excited for the 1.0, definitely tempted for testing it when it's available

Gaming

Programming

Widgets move around/overlap

Did you find this page helpful?