[flexcoders] is this a bug? - filter problems - sample app

[joshuagatcke]

Is this a flex bug? Run the simple app below, it contains 2 panels with text 
fields and 
combo boxes inside each. One panel has a custom drop shadow filter, the other 
has a 
normal panel drop shadow. You will notice, if you select the text in the 
textInput in the 
panel with the custom filter, the text highlight color is grey. You might also 
notice all the 
text in the custom drop shadow panel is weaker looking, even in the comboBox. 

Other problem, if you change the css for the combo box so that the 
letterSpacing is 
greater than zero (0), you will notice that the text in the comboBox inside the 
panel with 
the custom filter disappears. 

To be honest, I can't fathom how something as simple as a dropShadow filter on 
a panel 
can cause all these problems. I am starting to wonder if half the time I am 
chasing 
problems I have no control over. 

If anyone can offer an insight, it would be greatly appreciated. 
Thanks in advance, 



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute">
        
        <mx:Script>
                <![CDATA[
                        import flash.filters.*;

                        // Application window Drop Shadows
                        private function appDropShadow():DropShadowFilter {
                            var distance:Number = 1;
                            var angle:Number = 90;
                            var color:Number = 0x000000;
                            var alpha:Number = 1;
                            var blurX:Number = 10;
                            var blurY:Number = 10;
                            var strength:Number = 0.45;
                            var quality:Number = BitmapFilterQuality.LOW;
                            var inner:Boolean = false;
                            var knockout:Boolean = false;
                        
                            return new DropShadowFilter(distance, angle, color, 
alpha, 
                                blurX, blurY, strength, quality, inner, 
knockout);
                        }
                        
                        [Bindable] public var CBData:Array = [
                                {label:'One', data:1},
                                {label:'Two', data:2},
                                {label:'Three', data:3}
                        ];
                ]]>
        </mx:Script>
        
        <mx:Style>
                Panel{
                backgroundColor:#fff;
                headerHeight:0;
                borderThicknessTop:1;
                borderThicknessRight:1;
                borderThicknessBottom:1;
                borderThicknessLeft:1;
                borderStyle:solid;
                cornerRadius:5;
                roundedBottomCorners:true;
                dropShadowEnabled:false;
                }
                
                ComboBox{
                cornerRadius: 12;
                paddingLeft: 5;
                paddingRight: 3;
                paddingTop: 0;
                paddingBottom: 0;
                letterSpacing:0;
                highlightAlphas: 1, 0;
                fillAlphas: 1, 1, 1, 1;
                fillColors: #ffffff, #cccccc, #ffffff, #ffffff;
                color: #333333;
                borderColor: #dddddd;
                borderAlpha:1;
                fontWeight: normal;
                }
        </mx:Style>
        <mx:Panel width="200" height="200" y="30" x="20" 
filters="{[appDropShadow()]}" 
dropShadowEnabled="false">
                <mx:Label text="Custom Drop Shadow w/ Filter"/>
                <mx:TextInput text="tester"/>
                <mx:ComboBox dataProvider="{CBData}"/>
        </mx:Panel>
        
        <mx:Panel width="200" height="200" y="30" x="270" 
dropShadowEnabled="true">
                <mx:Label text="Normal Panel Drop Shadow"/>
                <mx:TextInput text="tester"/>
                <mx:ComboBox dataProvider="{CBData}"/>
        </mx:Panel>
</mx:Application>