Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] mgt-file-list popup style issues #3163

Open
cdragosf opened this issue Apr 18, 2024 · 0 comments
Open

[BUG] mgt-file-list popup style issues #3163

cdragosf opened this issue Apr 18, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@cdragosf
Copy link

cdragosf commented Apr 18, 2024

Describe the bug
mgt-file-list component have overlay problems when popup messages like "Replace file" are shown. Popup content is z-indexed below the main component content.

To Reproduce
It can be tested even in mgt.dev .
Go to this sample: https://mgt.dev/?path=/story/components-mgt-file-list-properties--file-list-upload
Try to upload the same file twice and you'll see the pop-up asking for replace file.
Try to scroll while popup open and see background content, like upload button, file rows separators, etc... in front of the popup.
Styles are broken.

Expected behavior
Popup should be shown in front of anything else.

Screenshots
image

Environment (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome and Edge
  • Framework: React 17
  • Context: SharePoint Framework (but same behaviour in mgt.dev)
  • Version: 3.1.3 (4.2.1 has same issue)
  • Provider: ...

Additional context
Maybe some z-index will fix this?

@cdragosf cdragosf added bug Something isn't working Needs: Triage 🔍 labels Apr 18, 2024
@cdragosf cdragosf changed the title [BUG] mgt-file-list popups style issues [BUG] mgt-file-list popup style issues Apr 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: Proposed 💡
Development

No branches or pull requests

2 participants