Typesense

Typesense

#community-help

Typesense Search Results Overflow Issue in Docusaurus Project

TLDR Marco reported search results overflowing for some text and suspected it's related to lists. Jason suggested checking for uncommon unicode line breaks and adjusting scraper config, but issue remains unresolved.

Powered by Struct AI

10

7mo

Apr 27, 2023 (7 months ago)

Photo of md5-4fdfd972be680409429627667fd6b8bf

Marco

02:48 PM

Hi everyone,

I am using typesense in a docusaurus project. I have integrated the docusaurus theme to add a search bar to the navigation and it works mostly well.

Only problem I have is that for some text, the search results overflow over the tile allocated to a search result. I wasn't able to identify why that might be.
Any idea where to start looking for the root cause and a potential solution?

This is an example of the problem:

Image 1 for Hi everyone,

I am using typesense in a docusaurus project. I have integrated the docusaurus theme to add a search bar to the navigation and it works mostly well.

Only problem I have is that for some text, the search results overflow over the tile allocated to a search result. I wasn't able to identify why that might be.
Any idea where to start looking for the root cause and a potential solution?

This is an example of the problem:

Photo of md5-8813087cccc512313602b6d9f9ece19f

Jason

05:19 PM

Hmmm, that’s a new one! I wonder if your page has some uncommon unicode line break: https://stackoverflow.com/questions/53905112/does-there-exist-unicode-new-line-line-break-like-there-is-unicode-space

Apr 28, 2023 (7 months ago)

Photo of md5-4fdfd972be680409429627667fd6b8bf

Marco

09:00 AM

It appears to me that this occurs whenever we use lists to represent our data.

For the example above, the html of the search popup has this result:

Image 1 for It appears to me that this occurs whenever we use lists to represent our data.

For the example above, the html of the search popup has this result:

09:00

Marco

09:00 AM

And the actual documentation looks like this:

Image 1 for And the actual documentation looks like this:

09:02

Marco

09:02 AM

The html of the actual documentation does look a bit weird with all those additional <span>s in there. Could this be the problem?

Image 1 for The html of the actual documentation does look a bit weird with all those additional <span>s in there. Could this be the problem?

Photo of md5-8813087cccc512313602b6d9f9ece19f

Jason

05:12 PM

Could you try adding li as a dom element to scrape independently in your docsearch scraper config?

Photo of md5-4fdfd972be680409429627667fd6b8bf

Marco

06:33 PM

Do you mean adding this as a selector?

Apr 29, 2023 (7 months ago)

Photo of md5-8813087cccc512313602b6d9f9ece19f

Jason

03:16 AM

Correct

May 02, 2023 (7 months ago)

Photo of md5-4fdfd972be680409429627667fd6b8bf

Marco

10:48 AM

I believe it already is in there. The docsearch config follows the template suggested and contains:

"lvl1": "article h1, header h1",
"lvl2": "article h2",
"lvl3": "article h3",
"lvl4": "article h4",
"lvl5": "article h5, article td:first-child",
"lvl6": "article h6",
"text": "article p, article li, article td:last-child"

10:50

Marco

10:50 AM

The "text" selector has the path article li, which should match the list-element in question.
The full xPath of that list item is

/html/body/div/div[2]/div/div/main/div/div/div[1]/div/article/div[2]/div[1]/div/div/div/div/div/table/tbody/tr[1]/td/ul/li[2]

Typesense

Lightning-fast, open source search engine for everyone | Knowledge Base powered by Struct.AI

Indexed 3015 threads (79% resolved)

Join Our Community

Similar Threads

Docsearch Scrapper Metadata Configuration and Filter Problem

Marcos faced issues with Docsearch scrapper not adding metadata attributes and filtering out documents without content. Jason helped fix the issue by updating the scraper and providing filtering instructions.

2

Typesense Integration Issue in Docusaurus

Benjamin experienced an error implementing Typesense (TS) in Docusaurus. Jason identified the correct placement of the 'typesense' key within the 'themeConfig' within the docusaurus config file, resolving the issue.

7

Solving Typesense Docsearch Scraper Issues

Sandeep was having issues with Typesense's docsearch scraper and getting fewer results than with Algolia's scraper. Jason helped by sharing the query they use and advised checking the running version of the scraper. The issue was resolved when Sandeep ran the non-base regular docker image.

Configuring Docusaurus and Typesense for a Documentation Site

Apoorv had trouble adding search functionality to a Docusaurus documentation website with Typesense. Jason worked through several troubleshooting steps, identified issues with Apoorv's setup, and ultimately provided solutions that successfully implemented the search bar function.

1

Duplicate Search Results Issue in Web Crawler Configuration

Lane is dealing with problems related to duplicate search results from their web crawler. Jason suggested that links in the sitemap might cause this issue, but this remains unresolved.

Powered By