Unplanned
Last Updated: 23 Feb 2023 11:12 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/)