Highlighting a full word is dropping spaces

[kgrammer]

When I highlight a full word or any part of a word that has a leading or trailing space, the space(s) are dropped.

For example, if I have a text that is "This is a test text string" and I search for "test", the word test is highlight, but the string is built so that it is displayed as "This is atesttext string" with "test" highlighted.

The HTML is built like:
this is a
test
text string

So when rendered, the spaces before and after "test" are lost.

Is there a fix for this?

[knownasilya]

That is purely a style issue. Maybe give something like this a try

.highlight {
  background-color: #FFF2B4;
  border-radius: 2px;
  padding: 0 1px;
}

[kgrammer]

Well, its not just a style difference. if using the same example above and I seach for "es", the span is included inline with the text so that only the "es" portion of test is highlighted.

Also, if I use the example you provided, I would get the spacing for partial words and it still won't solve the problem where the span is not inline with the rest of the text.

If you email me at kgrammer@rvhsolutions.com I can point you to a site and show you the problem in the real world.

[kgrammer]

OK, I have two different results on two different uses, so what I will do is delete this request and reopen it if I can't determine the cause.

Sorry for the confusion.