The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Element Plus select filterable on mobile


Hi Lauris,
need your help please.
I’m at advanced stage with my application using Vue 3 demo 5.
Today started testing on mobile phone and it occur that when using el-select with filterable ….. when entering this field keyboard does not show.

It is working with multiple option sad

Facing this I consider to have this field „multiple” but close options after pick a value but I dont know if this is possible. By default options remain open after picking one option. But again I’d like to avoid having this as multiple since I have to pick one option. Filterable is a must.

Lauris do you have idea how to deal with this issue?

Best Regards
Krystian


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment

the tip from <a>https://github.com/ElemeFE/element/issues/12742#issuecomment-1124700872</a>

is the best happy
I educated about custom directives.

Thank you Lauris



Hi Krystian,

Sorry for the late reply.

Glad to hear that you already figurated this out. Please don't hesitate to reach out if you need anything more from us.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.

Hi,

thank you. I read this and multiple limit=1 works fine but the only thing ... I`d like to close select automatically after picking one option.

this I`d like to try also ( to have an alternative ) but I dont know how :( https://github.com/ElemeFE/element/issues/12742#issuecomment-1124700872


Hi Krystian,

There is an issue related to this problem on Element UI Github repo.
https://github.com/ElemeFE/element/issues/12742

Few solutions offered by other users.

  1. To use autocomplete input field:
  2. Using multiple with :multiple-limit="1"
  3. Fix select issue using one of the solutions:
    https://github.com/ElemeFE/element/issues/12742#issuecomment-851779942
    https://github.com/ElemeFE/element/issues/12742#issuecomment-974707326
    https://github.com/ElemeFE/element/issues/12742#issuecomment-1124700872


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.