Under Review
Last Updated: 03 Aug 2022 06:54 by ADMIN

Because of the CSS, if a parent element has used translate (transform: translateX(0px); ) every child element  under it is no longer fixed.

This causes components like kendo-dialog to be relatively positioned inside the drawer - usually cut off.

Even turning off animation still leaves the style rule.


  • Disabling animation should also ensure no related CSS is applied (like using transform: none at least)
  • Provide a keyframe based animation instead of translateX (example http://jsfiddle.net/whnuLf6v/50/)