The "slides" from html5rocks.com demonstrating HTML5 & CSS3 effects suffer from rendering defects. It seems like some element backgrounds are not cleared or re-rendered when required. Attached is also a screenshot of the defects. http://html5test.com also has what seems to be similar problems, all the result tabs are garbage when scrolling the page. Tested with software_x11 and opengl_x11 evas engines with EWebLauncher and also in Eve, all exhibit the same behaviour.
Confirming.
Created attachment 110332 [details] Screenshot of the problem for reference
Recently, many web sites's rendering is broken on EWebLauncher. I'm suspecting the broken is came from backing store. CC'ing Antognolli, Kwang.
Created attachment 110484 [details] ScreenShot EWebLauncher is using single backing store. However, single backing store is not maintained so far. When I change backingstore with tiled backing store, it seems problems are a little reduced. I attach screenshot based on tiled backing store. If tiled backing store is better than single bs, we need to change it with tiled.
I don't think that this is related with backing store and I could not find any clue either. According to the scroll result from html5test.com, cairo graphic context related routine seems to touch the paint area out of cairo clip. Especially, I think that this might be related with some changes on cairo graphic's blur routine. Fortunately, tiled backing store provide each different cairo space, it won't be hurt more easily than single one.
Finally, I realized that image backend in cairo 1.10.2 have a bug. WebKit/EFL use image surface. After installed latest cairo, I can't see this issue anymore. (I tested 1.11.3) Unfortunately, cairo didn't release snapshot of latest version. When cairo released newer version, I'll bump cairo version.
Ruyan, Does cairo 1.11.3 fix html5rocks.com's matter too ?
(In reply to comment #7) > Ryuan, Does cairo 1.11.3 fix html5rocks.com's matter too ? Scrolling in html5test.com and slide of html5rocks.com are all fine.
> Scrolling in html5test.com and slide of html5rocks.com are all fine. Great !!
Yes, getting a newer cairo seems to fix the issues in the screenshots. There's still issues though, especially in the CSS3 section. The scrollbars in the adjustable CSS examples seem to have a mismatch on the graphical appearance and how they handle input. The scrollbars are very wide (going outside their container) although the input area of them matches the intended I believe, a few hundred pixels wide or so. Also the effects of the scrollbars are not always updated to the screen properly, like for example in the text stroke demo. You need to trigger the repaint "manually", eg. by changing slides. Dropdown boxes (<select>) do not work. In the first transition demo only the lower one works as expected, the upper one isn't animated and to see the result requires a manual update like the scrollbars (probably related issue). The second and third transition demos break the repaints even more, and some of the content is not even visible. These all might be related to existing bugs or known issues though...
(In reply to comment #10) > Yes, getting a newer cairo seems to fix the issues in the screenshots. > > There's still issues though, especially in the CSS3 section. > > The scrollbars in the adjustable CSS examples seem to have a mismatch on the graphical appearance and how they handle input. The scrollbars are very wide (going outside their container) although the input area of them matches the intended I believe, a few hundred pixels wide or so. > > Also the effects of the scrollbars are not always updated to the screen properly, like for example in the text stroke demo. You need to trigger the repaint "manually", eg. by changing slides. > > Dropdown boxes (<select>) do not work. For <select>, WebKit/EFL doesn't provide widget but API. EWeblauncher doesn't implement it. IIRC. eve implemented it. > > In the first transition demo only the lower one works as expected, the upper one isn't animated and to see the result requires a manual update like the scrollbars (probably related issue). > > The second and third transition demos break the repaints even more, and some of the content is not even visible. > > These all might be related to existing bugs or known issues though... Right, There are many issues. I'll investigate it more.
After r99041, almost rendering issues in html5rocks.com looks solved.
(In reply to comment #12) > After r99041, almost rendering issues in html5rocks.com looks solved. Yes, I didn't spot any of the defects I listed in comment #10 after an update, nice work!
Ryuan ? Why don't you close this ? :)
(In reply to comment #14) > Ryuan ? > Why don't you close this ? :) Right. Dear Kwang, Kalle Vahlman, Close the bug. If you have any remained issues, please let me know.