search

WebKitNix / webkitnix

A WebKit2 port based on POSIX and OpenGL/ES
http://nix.openbossa.org
66 stars 26 forks source link

rendering glitches with background and css3 transformations #3

Open clody69 opened 11 years ago

clody69 commented 11 years ago

With the mini browser I've noticed some glitches when compared to chrome or safari. I'm testing with a html5 presentation based on impess.js that is heavily using CSS transforms and transitions.

For instance go to this page http://clody69.github.com/talks/2013_Feb_HTML5_Aalto_Intro/#/step-7 and move forward with the right key.

On chrome you'll notice that the background of the slides is a radial gradient that is brighter in the center and darker outside. The background is not moving when switching from a slide to the next.

With the mini browser, the background seems to be switching between different states, sometimes you can notice it's flashing

Sometimes the background is also half rendered, for example when going to this slide: http://clody69.github.com/talks/2013_Feb_HTML5_Aalto_Intro/#/whatisHTML5). A screenshot is attached here: minibrowser

jeez commented 11 years ago

@rafaelbrandao and @lucianowolf , did you guys have the chance to test this?

lucianowolf commented 11 years ago

@jeez, the current version doesn't render with those glitches but lacks proper support for "fading". In the first link as you click right key it was expected to have a gray title (faded) but MiniBrowser still shows it in black. I'll take a look on it.

tulliolucena commented 11 years ago

I think this problem is related with opacity style and webkit-transform with rotateX or rotateY. I reported the bug [1] at WebKit Bugzilla. There is a simple test [2] with the same behavior attached.

[1] https://bugs.webkit.org/show_bug.cgi?id=112370 [2] https://bug-112370-attachments.webkit.org/attachment.cgi?id=193160