I have a number pad component made of a VBox containing four HBoxes
each containing some buttons. The number pad is displayed next to a
text box when it gets focus.
When I add a drop shadow, it looks fine,
but in certain places on the screen an exra little line is drawn below.
See attached picture. Has anyone seen this sort of thing? Is it just
a Flex bug, or can I fix it somehow? Thanks.
Here's the style:
padding-left : 10;
padding-right : 10;
padding-top : 10;
padding-bottom : 10;
Here is what it looks like:
I have the same problem. Did you fix it?
I solved mine, but I think my solution will not be good for your case. In my case, I had a SkinnableContainer and I added to its skin a RectangularDropShadow. Inside the skin I was making some calculations to know the top, left, right and bottom to put the drop shadow where I wanted, but I wasn't rounding the numbers. Now I'm making Math.floor(...) and seems to be working.
I already had a similar problem when I set a floating padding (e.g. 10.12121) to the parent of the SkinnableContainer and I solved rounding the number.