[BS4] Showing 2 icons in select-menu

[marceloverdijk]

I'm testing a select-menu like:

<select class="custom-select">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

but it shows 2 icons in my project:

The example here only shows only 1 icon:

The difference is that the BS example has:

.custom-select {
    ..
    -webkit-appearance: none;
    ..
}

and my project does not seem to have that one. When I add it I only get 1 icon as I would expect out of the box.

Diving deeper in the custom-forms.scss source code I see no mention of -webkit-appearance: none; so I wonder how it works it in the example?

[Lausselloic]

Hello, yes it's the postcss task that adds the browser prefix in output css files https://github.com/twbs/bootstrap/blob/v4-dev/package.json#L38 so you won't find prefix in scss file, and you need to add a postcss task in your project if you recompile scss files from source

[marceloverdijk]

Thx @Lausselloic I indeed didn't have the postcss setup, I will look into it.