[EuiInlineEditText] Option to not truncate text

[JasonStoltz]

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.

<EuiInlineEditText
    css={`
      max-width: 600px;

      .euiButtonEmpty {
        block-size: auto;
        white-space: normal;
        overflow: visible;
        vertical-align: baseline;
        text-align: start;
      }

      .eui-textTruncate {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
      }

    `}
    inputAriaLabel="Edit text inline"
    defaultValue="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nulla at tincidunt tincidunt, velit risus vehicula metus, a fringilla velit quam eget orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed tristique, nunc non efficitur aliquet, tellus purus lobortis sapien, id tincidunt justo nulla sit amet risus. Proin rhoncus posuere feugiat. Curabitur tristique, enim a interdum tristique, nulla metus convallis mauris, at convallis risus sem nec erat. Nam tincidunt est non sapien finibus, nec sodales nulla placerat. Etiam porta neque ut magna dapibus, eget euismod lectus fermentum. Suspendisse potenti. Vivamus finibus lacinia nunc, nec faucibus enim dapibus et. Mauris condimentum odio non nibh efficitur, non dapibus ligula fermentum. Phasellus facilisis, erat a egestas placerat, sapien tortor tristique magna, nec euismod elit tellus nec ligula. Donec bibendum purus a nisl efficitur, nec tempor justo fermentum. Quisque id laoreet nisi. Sed eu orci velit. Aenean non sagittis justo. Integer tempor, tortor id pretium pretium, justo sapien mattis nisi, nec ornare magna purus id sapien. Pellentesque ac laoreet nulla."
/>

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)