Sanity Studio dropdown z-index issue

[yuinchien]

If you find a security vulnerability, do NOT open an issue. Email security@sanity.io instead.

Describe the bug
The multiple select dropdown is overlapped by UI underneath.
This is schema code:

defineField({
      name: 'subjects',
      title: 'Subjects',
      type: 'tags',
      options: {
        predefinedTags: POST_SUBJECTS,
        allowCreate: true,
        onCreate: (value: string) => ({
          label: value,
          value: value.toLowerCase().replace(/\W/g, '-'),
        }),
      },
    }),

To Reproduce

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

Dropdown menu has the highest z-index and not overlapped by other UI.

Screenshots

Which versions of Sanity are you using?
"sanity": "3.36.4",

Run sanity versions in the terminal and copy-paste the result here.

What operating system are you using?
MacOS

Which versions of Node.js / npm are you running?
10.4.0
v20.9.0

Additional context

Add any other context about the problem here.

Security issue?

Any security issues should be submitted directly to security@sanity.io. In order to determine whether you are dealing with a security issue, ask yourself these two questions:

• Can I access something that's not mine, or something I shouldn't have access to?
• Can I disable something for other people? If the answer to either of those two questions are "yes", then you're probably dealing with a security issue. Note that even if you answer "no" to both questions, you may still be dealing with a security issue, so if you're unsure, just email us at [security@sanity.io](mailto:security@sanity.io.

[kmelve]

Thanks for reporting!

I wonder if this is a z-index bug in this third-party tags plugin:

• Relevant issue
• hotfix

We'll ask the maintainer if it's possible to publish a fix.

Closing this issue since it's not related to Sanity Studio as such.