[BUG]: searchable select component default empty list

[oemolla]

Issue description

When we click on the bl-select component to search, an orange line appears.

Media & Screenshots

Baklava Version

No response

Operating system

No response

Priority this issue should have

High (immediate attention needed)

Please review the checkboxes that are applicable.

• This issue is directly related to React

[erbilnas]

Have you attempted to provide a SelectOption? It will be displayed in that manner if there are no options available for the select.

[oemolla]

SelectOption will be created once the search process concludes. Initially, there are no SelectOptions during the first render because the data is empty.

[erbilnas]

You should wait for the data fetching to complete before attempting to render, ensuring successful option rendering or you will attempt to re-render the select option

[oemolla]

To start the data fetching process, I need to click bl-select and perform the action. The error happens right at this moment.

[erbilnas]

We are not currently supporting API fetching with search functionality, so you should handle the data manually. At the moment, providing a slot element to bl-select when fetching data can be worked around using the following approach:

<bl-select multiple search-bar search-bar-placeholder="Arama yapabilirsiniz">
    // custom slot 
</bl-select>

[oemolla]

I am currently using this method. I just wanted to let you know because component trying to create an option with empty data.

[AykutSarac]

This appears to be a UI scenario, so we can seek assistance from @buseselvi in this matter. What should be shown to the user if no selection option has been added?

[buseselvi]

We shouldn't show the select popover / a line like in the image above if the popover is empty, we should show only the select input. Let's fix it 🚀

[github-actions]

🎉 This issue has been resolved in version 3.0.0-beta.5 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 3.1.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀