DropdownItem content overflow hidden

Open

#3,562 opened on Apr 8, 2020 1 comment 0 reactions 0 assignees View on GitHub

area: ux pinned

Dominant language: JavaScript
Stars: 19.4k
Forks: 3.1k
Avg merge: 1d 14h
Merged PRs (30d): 9

Description

**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**
![Bildschirmfoto von 2020-04-08 20-30-59](https://user-images.githubusercontent.com/42947316/78820400-01e67a00-79d8-11ea-8c92-888d9d6c296b.png)

![Bildschirmfoto von 2020-04-08 20-31-36](https://user-images.githubusercontent.com/42947316/78820397-00b54d00-79d8-11ea-9d61-cb6dcc48b9a7.png)

**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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

DropdownItem content overflow hidden

Description

Contributor guide

Assessment

Get new issues in your inbox