DropdownItem content overflow hidden

[hedwiggggg]

Describe the bug

Content of the DropdownItem Component, that exceeds the size of the Component, will be hidden.

To Reproduce

One possible way:

• set locale: 'de' in the config.yml

Expected behavior

No overflowing content.

Screenshots

Applicable Versions:

netlify-cms-app 2.12.5
netlify-cms-core 2.24.0
netlify-cms 2.10.41
os: linux x64 pop_os 19.10
browser: chrome Version 80.0.3987.163

Additional context

Can be fixed by setting the min-width: max-content property to anything different
https://github.com/netlify/netlify-cms/blob/174d86f0a083a8c89e832962e3bdfe4163def428/packages/netlify-cms-ui-default/src/styles.js#L328

[hedwiggggg]

This could be a possible solution too, overriding the DropdownList style with:

element.style {
    right: 0;
    left: auto;
    width: auto;
}

Maybe in combination with a max-width: 200px + the fix from above. Would result in something like this: