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

Box shadow on Select not applied when listPlacement is top #7125

Open
1 task done
liambellsage opened this issue Dec 11, 2024 · 1 comment · May be fixed by #7138
Open
1 task done

Box shadow on Select not applied when listPlacement is top #7125

liambellsage opened this issue Dec 11, 2024 · 1 comment · May be fixed by #7138
Labels
Bug On Backlog

Comments

@liambellsage
Copy link

Description

When you open the menu for a Select, if the menu opens above the Select component (e.g. if you set listPlacement="top") then the top of the menu won't have a shadow. This looks poor, especially when the surface behind the menu is white

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-rcjx5sem?file=src%2FApp.tsx

Steps to reproduce

No response

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

144.9.2

Design tokens version

No response

Relevant browsers

Chrome

Relevant OSs

Windows

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.
@liambellsage liambellsage added Bug triage Triage Required labels Dec 11, 2024
@edleeks87
Copy link
Contributor

FE-7030

@edleeks87 edleeks87 added On Backlog and removed triage Triage Required labels Dec 17, 2024
nuria1110 added a commit that referenced this issue Dec 19, 2024
@nuria1110
fix(select): ensure select-list has correct box-shadow when placement…
2f445b5 
… is top

Adds correct box-shadow style to select-list when placement is "top".

fix #7125
@nuria1110 nuria1110 linked a pull request Dec 19, 2024 that will close this issue
Draft
14 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug On Backlog
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(select): ensure select-list has correct box-shadow when placement is top Sage/carbon
2 participants
@edleeks87 @liambellsage