Can't access/see fields in object pop-ups

[mak-koda]

If you find a security vulnerability, do NOT open an issue. Email [email protected] instead.

Describe the bug

In some instances when editing documents the pop-up editors are placed in a way - and with no scroll funcitonality - so that certain fields are unreachable for editors. This happens both in structure and visuel editing.

Expected behavior

I expect either that pop-ups are placed and with a height so that all fields are accessible, or that editors can scroll inside to reach fields.

Screenshots

Which versions of Sanity are you using?

$ sanity versions
@sanity/cli (global) 3.72.1 (latest: 3.75.1)
@sanity/assist 3.1.1 (up to date)
@sanity/cli 3.74.1 (latest: 3.75.1)
@sanity/dashboard 4.1.2 (up to date)
@sanity/document-internationalization 3.3.1 (up to date)
@sanity/eslint-config-studio 4.0.0 (latest: 5.0.1)
@sanity/icons 3.5.7 (latest: 3.6.0)
@sanity/table 1.1.3 (up to date)
@sanity/ui 2.12.3 (latest: 2.13.1)
@sanity/vision 3.74.1 (latest: 3.75.1)
sanity 3.74.1 (latest: 3.75.1)

What operating system are you using?

Windows.

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

$ npm -v && node -v
11.0.0
v23.6.1

Additional context

Issues shows regularly in packages such as sanity-plugin-link-field - and an issue has been created there as well.

[tillschweneker]

We are having the same issue. The popover is set to overflow: clip which results in no scrollbars.

For a quick fix you can overwrite the css by adding the following lines to an overwrite stylesheet:

div[data-ui='PopoverEditDialog'] > div {
	overflow: auto;
}

You can import the stylesheet in your sanity.config.ts by adding this to the top of your file

import './styles/styles.css'