I have not tried this, but are there some kits, like jQuery, where you just use <select> and then jQuery has a lot of CSS that enables the type of thing Harbs wants to do as far as user interaction goes? Then you'd just use a drop down list and style the heck out of it. In other words, CSS takes care of the hiding and showing, you just change the style on the <select>. Again, just a guess but might be another path to try.
‹peter On 12/13/17, 5:12 PM, "Alex Harui" <aha...@adobe.com.INVALID> wrote: >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%2Fsema >>>>>>n >>>>>>ti >>>>>> >>>>>>c-ui.com%2Fmodules%2Fdropdown.html&data=02%7C01%7Caharui%40adobe.com% >>>>>>7 >>>>>>Ce >>>>>> >>>>>>bbe6606359048fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C >>>>>>0 >>>>>>%7 >>>>>> >>>>>>C0%7C636487896692404835&sdata=Ljp6dAnb%2FoEs0adpQqj4OD%2BIzYJsjTpw3w5 >>>>>>e >>>>>>u0 >>>>>> m074I%3D&reserved=0 >>>>>> >>>>>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsem >>>>>>a >>>>>>nt >>>>>> >>>>>>ic-ui.com%2F&data=02%7C01%7Caharui%40adobe.com%7Cebbe6606359048fb2832 >>>>>>0 >>>>>>8d >>>>>> >>>>>>5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63648789669240 >>>>>>4 >>>>>>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%7Cebbe66063 >>>>>5 >>>>>90 >>>>> >>>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364 >>>>>8 >>>>>78 >>>>> >>>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&res >>>>>e >>>>>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%7Cebbe66063 >>>>>5 >>>>>90 >>>>> >>>>>48fb283208d5425ea911%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6364 >>>>>8 >>>>>78 >>>>> >>>>>96692404835&sdata=qkOHbSfErUjMxE2cG3QWQJhddovwLurgl%2B0VArfsAqg%3D&res >>>>>e >>>>>rv >>>>> ed=0>* >>>> >>> >> >