Take a look at ComboBox and/or DateField. It might serve as a starting point.
Ideally, ComboBox, DateField and this fancier DropDown should share a thing like a "PopUpButton" that we had in Flex. The basic principle is that there is a ToggleButton that will show/hide a popup. That thing gets composited with some sort of display field, and various beads integrate the pieces, including where the dropdown appears and when it closes and how any display field gets updated. My 2 cents, -Alex On 12/13/17, 1:57 PM, "Harbs" <harbs.li...@gmail.com> wrote: >Right. I was not suggesting changing the basic dropdown. > >I was thinking we should have an “advanced” dropdown which would use a >list with item renderers for the actual dropdown. > >It should probably be a button-esque component combined with a dropdown >similar to how dropdowns worked in Flex. > >A <select> opens initially on the selected item, but there’s no “sticky” >indication to what’s selected. Additionally, there’s no control over the >rendering of the list and how much space it takes up. The last bit is >especially important for my use case. > >The actual dropdown is also not style-able at all and sticks out quite >badly in my UI. > >Harbs > >> On Dec 13, 2017, at 10:36 PM, Alex Harui <aha...@adobe.com.INVALID> >>wrote: >> >> I am not understanding something. The Basic DropDownList just wraps a >> <Select>. That's all it should do. I thought <Select> knew how to show >> what is selected? >> >> Anything else can be added via PAYG principles, including DropDowns that >> have custom item renderers. >> >> My 2 cents, >> -Alex >> >> On 12/13/17, 11:20 AM, "Harbs" <harbs.li...@gmail.com> wrote: >> >>> I didn’t. Thanks. >>> >>> I’ll take a look. (although we really should create a better standard >>> dropdown component) >>> >>>> On Dec 13, 2017, at 9:17 PM, Piotr Zarzycki >>>><piotrzarzyck...@gmail.com> >>>> wrote: >>>> >>>> Hi Harbs, >>>> >>>> Did you try MDL DropDownList ? Maybe it is something which can help >>>>you. >>>> >>>> Thanks, Piotr >>>> >>>> 2017-12-13 20:11 GMT+01:00 Harbs <harbs.li...@gmail.com>: >>>> >>>>> Currently Royale has only very simple dropdown support. >>>>> >>>>> Here’s my idea of what a full-featured dropdown component should look >>>>> like: >>>>> >>>>> >>>>>https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fseman >>>>>ti >>>>> >>>>>c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com%7 >>>>>Ce >>>>> >>>>>bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0 >>>>>%7 >>>>> >>>>>C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%2BIzYJsjTpw3w5e >>>>>u0 >>>>> m074I%3D&reserved=0 >>>>> >>>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsema >>>>>nt >>>>> >>>>>ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cebbe6606359048fb28320 >>>>>8d >>>>> >>>>>5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636487896692404 >>>>>83 >>>>> 5&sdata=MUxYDV6AjBLhfq%2FH5Hh5R0jHm9WfhQjBmGhfl3Y7Mis%3D&reserved=0 >>>>> modules/dropdown.html> >>>>> >>>>> Right now, the feature that I needed is a dropdown with “selected”. >>>>> Either >>>>> a checkbox or some other selection indicator is probably acceptable. >>>>> Has >>>>> anyone given thought into implementing a dropdown component yet? >>>>> >>>>> Harbs >>>> >>>> >>>> >>>> >>>> -- >>>> >>>> Piotr Zarzycki >>>> >>>> Patreon: >>>> >>>>*https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.p >>>>at >>>> >>>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe660635 >>>>90 >>>> >>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648 >>>>78 >>>> >>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&rese >>>>rv >>>> ed=0 >>>> >>>> >>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.p >>>>at >>>> >>>>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7Cebbe660635 >>>>90 >>>> >>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648 >>>>78 >>>> >>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&rese >>>>rv >>>> ed=0>* >>> >> >
