Auto search when search input has content and actived

[imvkmark]

Auto search when search input has content and actived

[imvkmark]

Yes, That's what i mean. like notion's search bar.

[bidoubiwa]

Hey @imvkmark it seems that there is a bug with your docs-searchbar. Can you provide the code initializing it?

[imvkmark]

@bidoubiwa , Thank for your help.
There has 2 parts in my blog.

at main.js, the hostUrl can opened in browser

docsSearchBar({
    hostUrl: 'https://platform.jkfxpt.com:7770',
    apiKey: 'f1f95fdb28d7eda1cea1b47d1ae162802954fca8762c1f05dfd19cb403ba1d9b',
    indexUid: 'wulicode-scraper',
    inputSelector: '#search-bar-input',
    debug: false, // Set debug to true if you want to inspect the dropdown
})

at html

<div className="columns meilisearch">
    <div class="column column-left is-4-tablet is-4-desktop is-4-widescreen  order-1">
        <div class=" card widget">
            <input type="search" id="search-bar-input" placeholder="search use meilisearch"/>
        </div>
    </div>
</div>

[bidoubiwa]

what happens if you add docsSearchBar in a script tag inside your HTML file ?

<script>
docsSearchBar({
    hostUrl: 'https://platform.jkfxpt.com:7770',
    apiKey: 'f1f95fdb28d7eda1cea1b47d1ae162802954fca8762c1f05dfd19cb403ba1d9b',
    indexUid: 'wulicode-scraper',
    inputSelector: '#search-bar-input',
    debug: false, // Set debug to true if you want to inspect the dropdown
})
</script>

[imvkmark]

I'm use hexo for static site, so i can't add script to jsx file.

[bidoubiwa]

From what I see in the logs, docsSearchbar is not imported in the HTML file. Maybe the module was not imported correctly in your code

[imvkmark]

Because of the slow access of cdn in China, I download the js file to my source directory. so you may cannot find access log from network panel.

[bidoubiwa]

if you console.log docsSearchBar does it appear in your browser logs?

[imvkmark]

if you console.log docsSearchBar does it appear in your browser logs?

Yes

[bidoubiwa]

@imvkmark okey I just understood the issue. You are right, because of the Chinese CDN it was not working at all on my end (or it could work but I should have waited longer).

So the improvement you are requiring: If there is text in the input and focus is put on the input, the results component should automatically open ?

[bidoubiwa]

We welcome user to use the meilisearch-docsearch of tauri that is a better version of this project. For this reason, we deprecate this repository in favor of theirs.