Text is not selectable when using highlight

[wizh]

Hello! Love the component and especially the highlight feature. However, when using the highlight prop, text becomes not selectable.

Works fine with the normal component:

However, I cannot select any text when highlighting a line:

Would be amazing to see a fix for this.

[PrimFBourdeau]

It seems the css attribute user-select is set to none in this particular use-case, causing the unexpected behavior.

If you are looking for a quick patch, you can wrap the CodeBlock element in a div with a custom class, ex: code-block, and add this CSS to your page:

.code-block span[style] {
    user-select: auto !important;
}

Ideally somebody should submit a pull request for this, since passing codeBlockStyle={{ userSelect: 'auto' }} does not work.