Jetpack Search: CSS Causing Error in Search Results Display

[bobmatyas]

Impacted plugin

Search

Quick summary

Search results for a string with multiple words are combined into a single string when searching.

CSS causing this:

.jetpack-instant-search__search-result-title .jetpack-instant-search__search-result-title-link {
align-items: center;
display: flex;
text-decoration: none;
}

It can be fixed by removing the flex option.

Originally encountered on https://github.com/Automattic/jpop-issues/issues/8365

Steps to reproduce

1. On a site with Jetpack Search, add a product with the name "Practical Iron Gloves"
2. Search for "Iron"
3. In the search results, see that there the string is blended together "PracticalIronGloves" instead of "Practical Iron Gloves".

A clear and concise description of what you expected to happen.

A search should highlight the string searched but preserve the spacing in the product name.

Desired result:

searched string but preserve the product name's spacing

What actually happened

Screenshot:

Impact

Most (> 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Self-hosted

Logs or notes

No response

[liviopv]

Another report 6505909-zd-woothemes

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 6505909-zen

[github-actions[bot]]

This issue has been marked as stale. This happened because:

• It has been inactive for the past 6 months.
• It hasn’t been labeled `[Pri] BLOCKER`, `[Pri] High`, `[Type] Feature Request`, `[Type] Enhancement`, `[Type] Janitorial`, `Good For Community`, `[Type] Good First Bug`, etc.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.