[BUG - MINOR] Button Hidden in Public Resources → Target → Healthchecks (Zoom-Dependent UI Rendering Issue) #176

New Issue

MrUnknownDE · 2026-04-05T17:02:00+02:00

MrUnknownDE commented

2026-04-05 17:02:00 +02:00

Originally created by @marcschaeferger on 3/1/2026

Describe the Bug

In the Pangolin UI under Public Resources, when editing a resource and modifying the Target → Healthchecks settings, the "Done" button is rendered below the visible viewport and ends up hidden behind the operating system taskbar.

At normal zoom level (100%), the button is not visible and cannot be clicked.

The button only becomes accessible when zooming out significantly. However, when zooming in, a scrollbar appears, but the issue persists — the button remains partially or fully hidden depending on zoom level.

Additionally, the overall UI behaves strangely when zooming in and out. Background elements appear to scale or shift unexpectedly, which suggests a layout or viewport calculation issue.

Hiding the OS taskbar or switching the browser to fullscreen mode does not resolve the problem.

Browser: Chrome, Firefox and Chromium based (tested/verified)

1 Normal 100% Zoom – Done Button Not Visible

2 Strong Zoom In – Scrollbar Visible, Layout Still Broken

3 Strong Zoom Out – Button Visible, Background UI Scaling Issue

Environment

OS Type & Version: Alpine 3.23.3
Pangolin Version: 1.16.2
Gerbil Version: 1.3.0
Traefik Version: 3.6.9
Newt Version: 1.10.1
Browser: Chrome, Firefox and Chromium based (tested/verified)

To Reproduce

Open the Pangolin UI.
Navigate to Public Resources.
Select an existing resource.
Edit the resource.
Navigate to the Target section.
Modify the Healthchecks configuration.
Observe the bottom area of the modal/dialog.

Result:

At 100% zoom, the Done button is hidden behind the OS taskbar.
Zooming in introduces a scrollbar, but the layout still behaves incorrectly.
Zooming out significantly makes the button visible.
UI elements scale or shift unexpectedly during zoom changes.
Hiding the OS taskbar or using browser fullscreen mode does not fix the issue.

Expected Behavior

The Done button should always be fully visible and accessible at 100% zoom.
The dialog/modal should properly handle viewport height and taskbar space.
Zooming in or out should not cause layout distortions or background UI shifts.
Scrollbars should allow full access to all content within the dialog without hiding critical controls.

*Originally created by @marcschaeferger on 3/1/2026* ### Describe the Bug In the Pangolin UI under **Public Resources**, when editing a resource and modifying the **Target → Healthchecks** settings, the **"Done"** button is rendered below the visible viewport and ends up hidden behind the operating system taskbar. At normal zoom level (100%), the button is not visible and cannot be clicked. The button only becomes accessible when zooming out significantly. However, when zooming in, a scrollbar appears, but the issue persists — the button remains partially or fully hidden depending on zoom level. Additionally, the overall UI behaves strangely when zooming in and out. Background elements appear to scale or shift unexpectedly, which suggests a layout or viewport calculation issue. Hiding the OS taskbar or switching the browser to fullscreen mode does **not** resolve the problem. Browser: Chrome, Firefox and Chromium based (tested/verified) ### 1 Normal 100% Zoom – Done Button Not Visible <img width="1920" height="911" alt="Image" src="https://github.com/user-attachments/assets/162fcd99-5661-4525-8231-bff77e6ed076" /> --- ### 2 Strong Zoom In – Scrollbar Visible, Layout Still Broken <img width="1920" height="911" alt="Image" src="https://github.com/user-attachments/assets/b326da1f-532a-4387-8f90-ec2710a0ce16" /> --- ### 3 Strong Zoom Out – Button Visible, Background UI Scaling Issue <img width="1920" height="911" alt="Image" src="https://github.com/user-attachments/assets/33337109-d026-4439-86b0-1895a0165826" /> ### Environment - OS Type & Version: Alpine 3.23.3 - Pangolin Version: 1.16.2 - Gerbil Version: 1.3.0 - Traefik Version: 3.6.9 - Newt Version: 1.10.1 - Browser: Chrome, Firefox and Chromium based (tested/verified) ### To Reproduce ## To Reproduce 1. Open the Pangolin UI. 2. Navigate to **Public Resources**. 3. Select an existing resource. 4. Edit the resource. 5. Navigate to the **Target** section. 6. Modify the **Healthchecks** configuration. 7. Observe the bottom area of the modal/dialog. ### Result: * At 100% zoom, the **Done** button is hidden behind the OS taskbar. * Zooming in introduces a scrollbar, but the layout still behaves incorrectly. * Zooming out significantly makes the button visible. * UI elements scale or shift unexpectedly during zoom changes. * Hiding the OS taskbar or using browser fullscreen mode does not fix the issue. ### Expected Behavior * The **Done** button should always be fully visible and accessible at 100% zoom. * The dialog/modal should properly handle viewport height and taskbar space. * Zooming in or out should not cause layout distortions or background UI shifts. * Scrollbars should allow full access to all content within the dialog without hiding critical controls.

MrUnknownDE closed this issue

2026-04-05 17:02:00 +02:00

MrUnknownDE added the bug bug bug labels 2026-04-05 17:02:01 +02:00

Sign in to join this conversation.

Branches Tags

main

dev

dependabot/npm_and_yarn/dev-minor-updates-b4e5d6b9c5

revert-2766-feature/systemd-install-instructions

dependabot/npm_and_yarn/prod-patch-updates-05702d39f2

dependabot/npm_and_yarn/next-16.2.1

dependabot/npm_and_yarn/recharts-3.8.1

alerting-rules

private-site-ha

dependabot/docker/docker/library/node-25-slim

ssh

delete-account

msg-delivery

org-only-idp

cicd

patch

site-targets-auto-login

No Label bug bug bug

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/pangolin#176