Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Multiple select placeholder when search is disabled

See original GitHub issue

At the moment, setting searchEnabled=false on multiple selects removes the input, and therefore also removes the placeholder.

The component should be capable of having a placeholder when the search is disabled.

Approaches:

Keep the search input when the component is disabled, but make it disabled. Seems the easiest approach. Not sure if it might have some problem with the sizing on the input.
Place some sort of span instead of the search input when the search is disabled and nothing is selected. Maybe it’s a bit easy to style, although placeholders are not the number 1 feature people want to customize.

Issue Analytics

State:
Created 7 years ago
Reactions:1
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

patricklxcommented, Jul 22, 2016

hi, okay. Working on it

0reactions

patricklxcommented, Aug 12, 2016

Hi, ah sorry… I tried out both and the problem with the disabled input is that it’s quite visible (gray background) and the “disabled” cursor shows when hovering. Of course all can be changed with CSS, might as well go ahead with a span… which also needs a bit of styling… but just to set the color.

Top Results From Across the Web

Select2 multiple box placeholder not showing on hide then ...

I am using select2() in <select multiple> . What I have is a placeholder in that select. What I am doing is initially...

Placeholder not working for multi select. #5899 - GitHub

I have searched for similar issues in both open and closed tickets and cannot find a duplicate. The issue still exists against the...

Placeholders - The jQuery replacement for select boxes

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and pagination (infinite scrolling) of results.

Setting placeholder on input[type=hidden] and multiple select ...

Until you click in the field, the input is not wide enough and the placeholder text gets cut off even if there is...

Jquery.sumoselect by Hemant Negi - GitHub Pages

jquery.sumoselect.js - A cross device Single/Multi Select jQuery Select plugin. ... Disabled, Select All, keyboard navigation and Placeholder Support ...