I have been struggling with an issue where my Kendo window's 'jump' upward when I move, resize or min/max. I just found out that it is due to a border I had applied to the body tag.
My question is why does this happen?
Here's a fiddle showing the effect, just go to move the window a little bit and you'll see it 'jump'. Remove the border from the body tag and all is fine. http://jsfiddle.net/Zholen/zNLNy/428/
Edit
While the accepted answer doesn't really address my question, I will still accept it since my question may be considered irrelevant to most. I want to point out again that ASP.Net MVC 4 templates have this css set by default.
My question is why does this happen?
Here's a fiddle showing the effect, just go to move the window a little bit and you'll see it 'jump'. Remove the border from the body tag and all is fine. http://jsfiddle.net/Zholen/zNLNy/428/
Edit
While the accepted answer doesn't really address my question, I will still accept it since my question may be considered irrelevant to most. I want to point out again that ASP.Net MVC 4 templates have this css set by default.
1 Answer, 1 is accepted
0
Accepted
Hello Jordan,
Adding styles to the body tag is not a good practice and I do not recommend going this way.
You can always wrap this into another element which wont affect the Window.
http://jsfiddle.net/zNLNy/433/
Keep in mind that adding styles to the body element could produce other visual issues too.
Kind Regards,
Petur Subev
the Telerik team
Adding styles to the body tag is not a good practice and I do not recommend going this way.
You can always wrap this into another element which wont affect the Window.
http://jsfiddle.net/zNLNy/433/
Keep in mind that adding styles to the body element could produce other visual issues too.
Kind Regards,
Petur Subev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!