[FLEX-35328] Simplify design of MDL DropDownList

• Type: Improvement
• Status: Resolved
• Priority: Major
• Resolution: Fixed
• Affects Version/s: Apache FlexJS 0.8.0
• Fix Version/s: Apache FlexJS 0.9.0
• Component/s: FlexJS
• Assignee: Piotr Zarzycki
• Reporter: Piotr Zarzycki
• Created: 21/Jun/17 20:17
• Updated: 29/Jun/17 19:28
• Resolved: 29/Jun/17 19:28

Description

Current version of MDL DropDownList consists with two main part.

1) Place where selected item is displayed
2) List which is showing once user click on drop down (MDL Menu)

After many tests include in real world application it seems that MDL Menu wasn't to good choice for displaying items in drop down list. It's hard to manipulate sizes of Menu if we would like to use percentage width/height.

As part of this jira I would like make some simplification to the control where in the results we will have MDL based html:

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<label class="mdl-textfield__label" for="names"></label>
    <select class="mdl-textfield__input" id="id_names" name="names">
        <option value="Paul">Paul</option>
        <option value="Pete">Pete</option>
        <option value="Other">Other</option>
    </select>
</label>
</div>