I know there was already a discussion about how the k-animation-container was hiding the box-shadow and by adjusting the padding/margins, the shadow could be revealed.
I'm attempting to approach this from a different perspective. I've applied a box-shadow to the k-animation-container itself and it looks fine except for the fact that the shadow appears immediately... before the animation of the dropdown starts. This results in the drop-down list appearing to slide into the shadow. I see the same behavior with the DatePicker and ComboBox.
I see that there is a k-animation-container-shown class as well but it doesn't appear to be implemented. At least not with the DropDownList. As a matter of fact, I've discovered that k-animation-container-shown is used with the ContextMenu but even then not as I would expect. With the ContextMenu, the k-animation-container-shown class is applied to the div element even when the menu isn't visible...but, it gets the job done as the menu appears with the shadow instantly. The ContextMenu isn't animated into position. (Not sure if that's something you are planning on doing in the future.)
I was hoping the k-animation-container-shown class would be consistently applied to the div once the DropDownList/ContextMenu/DateTimePicker was fully visible (i.e. at the end of the animation).
Any suggestions on how to best apply the shadow to all of the controls? Another solution would be to just get rid of the animation. Doesn't look like I can do that with a parameter on the control. How would I best override the animation?