React-instantsearch: Snippet white space characters

[noclat]

On using the <Snippet> element, I end up having some leading and/or trailing white spaces. On the screenshot below, the “what” is a bit shifted to the right:

In that example, when inspecting the code, I actually have a line break character at the very beginning of the text (this is copy pasted):

<span class="ais-Highlight"><span class="ais-Highlight__nonHighlighted">
What about setting up a call this week to</span></span>

Not sure if bug, or feature request, but it would be nice to apply a trim() around the value. Having investigated a bit, that solution seems quite touchy because it needs to edit the Highlither.js component which is also used by <Highlight> widget, that you might not want to get involved. trim() also must affect the white spaces between words.

Or maybe this is not related to React-IS and it happens because of my attribute value set up in the Algolia Index? Or due to the “snippet” feature of Algolia?

[noclat]

The record actually has a line break:

[Haroenv]

In this case, you’ll be able to use connectSnippet and trim() the value

[mthuret]

I'm closing this as it will be on the user side like @Haroenv mention and as we've seen with @noclat

The connector to use is connectHighlight (which is used for both the Highlight and Snippet widgets). See here: https://community.algolia.com/react-instantsearch/connectors/connectHighlight.html