argo-cd icon indicating copy to clipboard operation
argo-cd copied to clipboard

Context menu is shown outside viewport

Open trondhindenes opened this issue 1 year ago • 6 comments

Checklist:

  • [x] I've searched in the docs and FAQ for my answer: https://bit.ly/argocd-faq.
  • [x] I've included steps to reproduce the bug.
  • [x] I've pasted the output of argocd version.

Describe the bug When clicking the context menu in the app details view, it might show outside of the current viewport. I'm using Chrome on Ubuntu, not sure if that's relevant

To Reproduce

Expected behavior Menu should only be shown inside viewport

Screenshots See comment below

Version 2.13

Logs

trondhindenes avatar Feb 26 '25 07:02 trondhindenes

Image

trondhindenes avatar Feb 26 '25 07:02 trondhindenes

I'd like to take this up.

linghaoSu avatar Feb 26 '25 08:02 linghaoSu

I also noticed that if clicking the "3-dot" button again with the context menu expanded, it moves to inside the viewport. It's very strange.

trondhindenes avatar Feb 26 '25 13:02 trondhindenes

yes dropdown has issues with repositioning itself relative to the viewport when its parent container is not the document.body. similar issue

#21103

surajyadav1108 avatar Feb 26 '25 14:02 surajyadav1108

I think this issue is caused by the dropdown's implementation—it hasn't handled asynchronous children correctly. So, I drafted an argo-ui PR to fix this.

linghaoSu avatar Mar 04 '25 02:03 linghaoSu

Screenshot with more context:

Image

corneliusroemer avatar Jun 01 '25 18:06 corneliusroemer