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.

Sign up for GitHub

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

Jump to bottom

DxcSelect + checkbox z-index overlapped #1086

Closed
vicrodri opened this issue Jun 14, 2022 · 0 comments · Fixed by #1114
Closed

DxcSelect + checkbox z-index overlapped #1086

vicrodri opened this issue Jun 14, 2022 · 0 comments · Fixed by #1114
Assignees
@GomezIvann
Labels
epic patch
Milestone
22.2

Comments

@vicrodri
Copy link
Contributor

Describe the bug
DxcSelect component options are overlapped by checkbox's z-index

To Reproduce
Add a DXCSelect with several options and inmediatly below the select add a checkbox. When options are visible the checkbox element is still there and over the options.

Expected behavior
DXCSelect options visibility is not in conflict with any other elements like checkboxes, radiobuttons, etc...

Screenshots

  • Original component layout:

    • imagen

  • Options visible:

    • imagen

Additional context
halstack-react v5.0.0
@GomezIvann GomezIvann self-assigned this Jun 14, 2022
@GomezIvann GomezIvann added this to the 22.2 milestone Jun 21, 2022
@GomezIvann GomezIvann linked a pull request Jun 21, 2022 that will close this issue
[Major] Select listbox now uses Radix UI popover #1114
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@GomezIvann GomezIvann

Labels
epic patch
Projects
Halstack Design System
Status: Done
Milestone
22.2
Development

Successfully merging a pull request may close this issue.

[Major] Select listbox now uses Radix UI popover dxc-technology/halstack-react
2 participants
@vicrodri @GomezIvann