New Product!SaaSify - Animated Landing Page Template built with Next.js, Tailwind, Shadcn UI, ReUI & MagicUI Components
Preview SaaSify

Advanced Select Multiple Issue


Hi,

All going smooth except the Multiple select component. It is having one problem.

I have around 83 languages options dropdown. and there's a possibility that a user can select all of them.

but the problem is that when i select an option from the dropdown, the dropdown closes and item gets selected. now i need to open the dropdown again to select another item. this is hectic task.

1. I need a way that i can be able to select the options while keeping the dropdown active.
2. I want is that i can be able to select all options in my dropdown at once using some checkmark or button.

Please let me know how to make it possible? because its a general user behavior. and this should be fixed or have some option.

Sincerely,
Carl


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (6)


Hi Carl,

If you're using KtUI directly, please update it from the following link:

npmjs.com/package/@keenthemes/ktui

The fix has already been included in the recent update.



How to update?

what exactly need to update?

I copied the files manually from the demo to the server along with assets folder to setup the project.

and now I just checked that last update on themeforest was 12 june, so i downloaded the new zip. Now should i just need to replace the old assets folder with the new one downloaded? will that fix the issue?

because in here:
https://ktui.io/docs/select#multiple

i don't see the fix being done. is there any change in advance select code?



Hi Carl,

You're right, that’s a bug. The dropdown should stay open when using multiple select. We’ll fix that.

Also, adding a "Select All". We’ll look into adding support for it too.

Thanks for pointing it out



Hi Faizal,

Thank you for your response.

Exactly, its disturbing the user experience.

May I know how much time it would take to fix that bug? I really need to fix this to get my app live.

Sincerely,



These two features significantly improve the user experience, especially when dealing with large datasets.

If you let me know which framework or component library you’re using (e.g., React, Vue, plain HTML/JS), I can provide more tailored code examples.

Hope this helps!

Best regards,
[Drive zone online]



I'm using HTML, Tailwind css, and vanilla JS.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(