I’ve been having the same problems. I’ve been working through either defining all of the items in the list and getting the widest item and setting the dropdown width to that (which is slow and not optimized), or trying to set the width of the item renderer when the label gets set. Unfortunately, with the 2nd method I end up getting multi-line labels, and if I try to cancel that by setting the maxLinesToDisplay, the content width gets clipped again :(

Is this a bug? Peter, have you seen this behaviour before?

any suggestions ?

I just tested the code above with Flex Hero (4.5) beta and the code still worked as expected.
Which version of the Flex SDK are you using, and which issues are you seeing?

Peter

thanks

You could try something like this, setting the DropDownList control’s drop down width using the open event:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <s:controlBarContent>
        <s:HSlider id="sl"
                minimum="100"
                maximum="300"
                creationComplete="sl.value = ddl.width;"
                change="sl_changeHandler(event);" />
    </s:controlBarContent>
 
    <fx:Script>
        <![CDATA[
            protected function sl_changeHandler(evt:Event):void {
                ddl.closeDropDown(true);
                ddl.openDropDown();
            }
        ]]>
    </fx:Script>
 
    <s:DropDownList id="ddl"
            alternatingItemColors="[#EEEEEE,#DFDFDF]"
            requireSelection="true"
            horizontalCenter="0"
            top="20"
            open="ddl.dropDown.width = sl.value;">
        <s:dataProvider>
            <s:ArrayList source="[One,Two,Three,Four,Five,Six,Seven,Eight,Nine]" />
        </s:dataProvider>
    </s:DropDownList>
 
</s:Application>

Peter

At this moment I have a custom dropDownSkin for that is used by all my dropdowns.
Some of the dropdowns I want to give a popup with another width so I changed the width property of the group of the PopUpAnchor to a specific width.
But from now one, all my dropdowns use that width. Can I make this dynamic? For example by adding a style property to the skin that I can use in my mxml components?

Or do I really have to make a skin for each drop down?

Thanks for your time!