Semantic UI - Hackdot

Re:Semantic UI by progval on Monday April 10, 2017 @05:20AM (#14077057)

Also, it uses this instead of <select>:

            <div class="menu" tabindex="-1">
              <div class="item" data-value="ad"><i class="ad flag"></i>Andorra</div>
              <div class="item" data-value="ae"><i class="ae flag"></i>United Arab Emirates</div>
              <div class="item" data-value="af"><i class="af flag"></i>Afghanistan</div>

[ Parent | on HN ]

Re:Semantic UI by nailer on Monday April 10, 2017 @05:57AM (#14077180)

`<select>`s aren't styleable so you have to do a select proxy.

[ Parent | on HN ]

Re:Semantic UI by steveax on Monday April 10, 2017 @10:37AM (#14078809)

They are, to some extent at least, depending on what browsers you need to support. You have to set *-appearance: none and build the styles back up.

[ Parent | on HN ]

Re:Semantic UI by nailer on Monday April 10, 2017 @11:07AM (#14079107)

Thanks! More info for others: http://stackoverflow.com/questions/1895476/how-to-style-a-se...

[ Parent | on HN ]

Re:Semantic UI by vinayakkulkarni on Monday April 10, 2017 @06:18AM (#14077267)

Look at the second example:

https://semantic-ui.com/modules/dropdown.html#selection

[ Parent | on HN ]

Re:Semantic UI by tregoning on Tuesday April 11, 2017 @01:40AM (#14085135)

Unfortunately there are some severe limitations of using native select, in particular in relation to list item (i.e. option element)

- Can't have anything but plain text: (e.g. no images, bold text etc)

- Can't have a line-break, or somehow wrap text into a 2nd line if entry is too long

[ Parent | on HN ]