github-starred/pangolin
2
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-05-08 21:59:09 -05:00
Code Issues 564 Packages Projects Releases 72 Wiki Activity

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

New Issue
Closed
opened 2026-05-06 15:37:46 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-05-06 15:37:46 -05:00
Owner
Copy Link

Originally created by @marcschaeferger on GitHub (Mar 1, 2026).
Original GitHub issue: https://github.com/fosrl/pangolin/issues/2572

Originally assigned to: @miloschwartz on GitHub.

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

Image

2 Strong Zoom In – Scrollbar Visible, Layout Still Broken

Image

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

Image

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.
Originally created by @marcschaeferger on GitHub (Mar 1, 2026). Original GitHub issue: https://github.com/fosrl/pangolin/issues/2572 Originally assigned to: @miloschwartz on GitHub. ### 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.
GiteaMirror added the bug label 2026-05-06 15:37:47 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
api
authentication
bug
config
dependencies
docker
documentation
enhancement
good first issue
help wanted
Improvement
Look Into
needs investigating
networking
new feature
non-critical bug
potential bug
pull-request
Mirrored from GitHub Pull Request
 question
reverse proxy
Security
stale
ui
wontfix
No Label bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/pangolin#10954
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?