This is a migrated thread and some comments may be shown as answers.

On closing the editor, it doesn't "clean up" - there's a graphical error.

2 Answers 38 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Mojo
Top achievements
Rank 1
Mojo asked on 30 Oct 2012, 11:05 AM
Hi,

This issue only happens in Chrome.

When I close the editor, some of the editor is still shown, the graphics doesn't clean up.

A recording of the problem

Any idea?

Thanks
Mojo

2 Answers, 1 is accepted

Sort by
0
Sven
Top achievements
Rank 1
answered on 30 Oct 2012, 01:38 PM
Oh great, thank you.

I was running into the same bug on Chrome.
I thought this could be conflict with my reset.css or a browser extension, but nothing.

After some time of testing in developer console I found out this could be a problem with the CSS-webkit-transition in Chrome. 
So i tested the next webkit-browser: safari. All fine.

Next test on iPad with iOS6. Here is the problem, that I'm not able to choose a day (except today in calendarfooter).

The joke is: the demopage on kendoui works. So, where is our problem?. What kind of script or markup could be a conflict?

As a try I deleted all conditional comments and the modernizr-script, then all css and js (except of kendo). The same problem.
If someone has a great suggestion I would be glad.

Greetings Sven

Chrome: Version 22.0.1229.94 m
Platform: .NET 4 MVC 3 on VS 2010
jQuery 1.7.1
plugins -> unobtrusive + validator
scripts implemented on bottom of body
0
Sven
Top achievements
Rank 1
answered on 30 Oct 2012, 03:56 PM
There are a few posts/threads like this.

The solution:
new CSS-Class for body to avoid rendering-issue after css-animations.

body:after {
  content"";
  displayblock;
  visibilityhidden;
  height0;
  font0/0;
  -webkit-transformtranslateZ(0);
}

A good practice is to put this declaration in your reset.css.

My way is to detect chromebrowser and extend the html-Tag with class="chrome". So I ask for
.chrome body:after {...}
Tags
Date/Time Pickers
Asked by
Mojo
Top achievements
Rank 1
Answers by
Sven
Top achievements
Rank 1
Share this question
or