[EuiInlineEditText] Option to not truncate text
- Dominant language
- TypeScript
- Stars
- 6.4k
- Forks
- 911
- Avg merge
- 2d 11h
- Merged PRs (30d)
- 65
Description
**Problem Statement**
EuiInlineEditText always truncates text. There are cases where users want editable text, but do not want it to be truncated.
**Proposed Solution**
A potential solution is to provide a prop like `truncate=false`.
**Use Case**
Observability Solution > Management UX. Wanted to use this in the "description" field of an EuiPageHeader.
Requested by @kdelemme.
**Value / Impact**
It's not widely useful. This component is not used a lot and there's only one known location where this is needed, at this time.
**Urgency**
This is not urgent, there is a workaround for now with custom CSS overrides.
**Do alternatives or workarounds exist?**
This is the current workaround we've put together. It's a lot of overriding and likely prone to break if we tweak the styles in EuiEmptyButton in the future.
```
```
https://codesandbox.io/p/sandbox/trusting-mendeleev-cwtvrc?file=%2Fdemo.tsx

**Related code or customizations**
Used in https://github.com/elastic/kibana/tree/main/x-pack/platform/plugins/shared/streams_app/public/components/stream_detail_view
**Additional context (Optional)**
**Designs or Specs (Optional)**
Contributor guide
Assessment
This issue has not been assessed yet.