Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown doesn't support icons #702

Closed
roosmaa opened this issue Apr 24, 2017 · 2 comments
Closed

Dropdown doesn't support icons #702

roosmaa opened this issue Apr 24, 2017 · 2 comments
Assignees
Milestone

Comments

@roosmaa
Copy link

roosmaa commented Apr 24, 2017

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma 0.4.1
My browser is: Google Chrome 57.0.2987.133 (64-bit) OSX

Description

It looks like the <select> element doesn't support field icons as other <input> based elements. Would be nice if it did.

Steps to Reproduce

<div class="field">
  <p class="control has-icons-left">
    <span class="select">
      <select>
        <option value="" disabled selected>Country</option>
        <option>Select dropdown</option>
        <option>With options</option>
      </select>
    </span>
    <span class="icon is-small is-left">
      <i class="fa fa-globe"></i>
    </span>
  </p>
</div>

Expected behavior

screenshot 2017-04-24 12 04 58

With workaround of <select style="padding-left: 2.25em">

Actual behavior

screenshot 2017-04-24 12 02 46

@jgthms jgthms self-assigned this Apr 24, 2017
@jgthms jgthms added this to the 0.4.2 milestone Apr 24, 2017
@marc-mrt
Copy link

marc-mrt commented Apr 26, 2017

Hello !

I encountered this problem not long ago, but the result I was looking for is a bit different:
Instead of having an icon for the entire select dropdown, I wanted to have an icon associated to each option inside the dropdown menu.

The thing is I don't know if this is a thing people actually do and/or seek in bulma.
Take it as a suggestion 👍

@ANorseDude
Copy link

... so is this fixed or?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants