Joxit / docker-registry-ui

The simplest and most complete UI for your private registry
https://joxit.dev/docker-registry-ui/
GNU Affero General Public License v3.0
2.59k stars 323 forks source link

Tag view on Chrome browser requires horizontal scrolling to see delete option #354

Open smuskiew opened 9 months ago

smuskiew commented 9 months ago

Hi, I was viewing my registry with registry UI 2.5.7 on Chrome browser (on a Mac) and trying to figure out why the tag view wasn't showing the delete/trash column especially since I'd followed your setup directions. Then I realized that the table that shows the image layers had a horizontal scroll bar (which auto-hides by default on Mac). Once I scrolled right the trash can/delete icon was there, it is just not visible by default or obvious that the table has additional columns not being shown.

I tried widening the browser window itself but even at the near full width of the screen, it is still not showing the full width of the image layer table. Tried in Safari browser and it appears properly regardless of the width of the browser window. So it seems like maybe it is a Chrome-specific issue.

How to Reproduce

Steps to reproduce the behavior:

  1. Use Chrome browser (latest Chromium build: 121.0.6167.164) on Mac
  2. Configure registry server and UI to enable delete
  3. Go to the tag view of any repository. The delete column with the checkbox is not visible by default - it even looks like the "History" column is the rightmost column.
  4. Hover over the table and you'll see a horizontal scrollbar, drag to move to the right of the table and the trash icon/column appears.
  5. Try the same on Safari - view is as expected with no horizonal scrolling necessary.

Here's a screenshot of Chrome if it helps, tried to capture it as i was scrolling to show:

Screenshot 2024-02-12 at 8 45 10 PM
bjoern-vh commented 8 months ago

Same here on Linux. Screen resolution doesn't matter. Both browsers Firefox and Chrom(e)ium are affected. I use docker container and it shows version 2.6.0.

trenb commented 3 months ago

I'll add my voice to this, I noticed the same thing. However if I maximize the window and then restore it to its regular size, I find the UI adjusts and fits all elements without the horizontal scroll. Mac, Chrome and Firefox for testing.

Joxit commented 1 month ago

Sorry I'm not able to reproduce this issue, but i thing this is caused by the content digest, so if you don't need it, you can remove it with SHOW_CONTENT_DIGEST=false