HTML select issue on Linux and macOS

Question

<select>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
    
    <select>
      <option value="apple">Apple</option>
      <option value="mangoes">Mangoes</option>
      <option value="pineapple">Pineapple</option>
      <option value="strawberry">Strawberry</option>
    </select>

Now, in Windows systems, if we click on one dropdown it opens, and now without selecting any option, clicking on other dropdown closes the first one and opens the second one as expected.

But on Ubuntu and Mac the behaviour is different, if we click on one dropdown it opens and now without selecting any option if we click on another dropdown, it closes the first one but it doesn't open the clicked dropdown, it only opens it on second click.

Is there a way to change this behaviour using Angular and make it work as it is working in Windows?

Possible duplicate of [default select option as blank](https://stackoverflow.com/questions/8605516/default-select-option-as-blank) — Endless, Aug 10 '18 at 07:50
@Hearner what I meant by 'it opens' is that it displays the options in that dropdown — Bijay Singh, Aug 10 '18 at 07:50
@Endless this is not a dupe of that question. It is a good question, though its wording could have been better :) — meskobalazs, Aug 10 '18 at 08:43
@meskobalazs if you don't mind, can you please edit the question to improve it? — Bijay Singh, Aug 10 '18 at 08:44

score 0 · Answer 1 · answered Aug 10 '18 at 08:39

0

The select boxes are native widgets, it means that you can't control their behaviour from JavaScript. And neither should you. I think it is a best practice that you follow the way widgets on a platform work, as that's what users will expect.

By the way if you really want to have it your way, you can use pure JS widgets, such as select2, in that case, you can use whatever behaviour you seem fit.

answered Aug 10 '18 at 08:39

meskobalazs

15,741
2
40
63

I would upvote this question if you did not suggest js widget such as select2 – Endless Aug 10 '18 at 19:51
I don't suggest it, that's what I know, it's horrible though :D – meskobalazs Aug 10 '18 at 19:56
Agree, native components are better! – Endless Aug 10 '18 at 20:03

HTML select issue on Linux and macOS

1 Answers1