How do I mix EuiHighlight and EuiCode now that both expect strings?

[bevacqua]

Used to have this:

<EuiCode>
  <EuiHighlight search='ce9'>abce9d</EuiHighlight>
</EuiCode>

But now EuiCode complains about not having a string passed as children. Similar but different use case:

<EuiCode>
  <del>abce9d</del>
</EuiCode>

We had to swap EuiCode and del in this case, and that causes the strikethrough text to extend past the boundaries of the EuiCode box, which isn't as clean as it was before in terms of look & feel

[chandlerprall]

The change to EuiCode making it want a string was done in #2324, for these two bugs:

• "copy" button expects the value to be a single string
• dynamic content does not get reflected

With the use cases @bevacqua has brought up, it highlights (hehe) EuiCode's ability to use existing DOM markup in its presentation, and forcing string values removes that ability. I think the change to EuiCode needs to be revisted (and undone), and a new solution for these bugs found.

• EuiInnerText should be able to power copying
• wrapping EuiCode's output in a div will probably solve the dynamic content issue, if I remember the bug correctly

[bevacqua]

🙇