Opened 5 years ago

Closed 5 years ago

#10664 closed bug (fixed)

Web+ not displaying CSS Background from URL

Reported by: CyberneticianDave Owned by: pulkomandy
Priority: normal Milestone: R1
Component: Applications/WebPositive Version: R1/Development
Keywords: Web+, WebPositive, CSS, Background, URL Cc:
Blocked By: Blocking:
Has a Patch: no Platform: x86

Description

Web+ doesn't appear to be rendering any background images that use the 'url()' type CSS notation.

A heavily affected site is BitBucket, which makes great use of this technique, loading images both from a URL and using inline PNG and the data: URN.

That is, neither background: url('http://path.to/image.png') nor background:url('data:image/png;base64,blahblahblah') work.

Since BitBucket makes vast use of this technique it is a great place to test the problem and the fix. They use inline (data-based) PNG and inline SVG too.

Tested in VmWare nightly, hrev 47002. x86_gcc2.

Attachments (2)

bitbucket.png (199.7 KB) - added by CyberneticianDave 5 years ago.
BitBucket screenshot in Web+
bitbucket-chrome-win7.png (55.3 KB) - added by CyberneticianDave 5 years ago.
BitBucket header in Chrome/Win 7

Download all attachments as: .zip

Change History (6)

Changed 5 years ago by CyberneticianDave

Attachment: bitbucket.png added

BitBucket screenshot in Web+

comment:1 Changed 5 years ago by pulkomandy

Are you sure this is the problem? It seems to me that most of the issues on this page are because of the "border bleeding" bug #10214. The image is drawn, then the border is drawn above it, and we fail to do that properly, so the border hides the whole background.

Does that sound right, or do you have a test case that specifically shows background images not being drawn?

comment:2 Changed 5 years ago by CyberneticianDave

It's quite possible, I'm testing from an end-user perspective so I can't tell you what's happening under the surface, I'm still pretty new to this.

What I did notice is that often I would get a rectangle where the image should be (see top left/top right on my screenshot), which I assumed to be like an unloaded image type frame, but that could be due to the border perhaps.

It might be worth noting that the avatar in the top right also has a border-radius on it, but is displayed using an <img> tag and displays fine, it's only the css background based images that are failing, but again, that might be because the border is drawing over the background?

Just for comparisons sake, I'm also going to attach the top section as captured on Chrome/Win 7.

Changed 5 years ago by CyberneticianDave

Attachment: bitbucket-chrome-win7.png added

BitBucket header in Chrome/Win 7

comment:3 Changed 5 years ago by pulkomandy

Well, I have fixed that other bug, and while it helps, some things are still missing from the bitbucket page. So leaving this open for now.

comment:4 Changed 5 years ago by pulkomandy

Resolution: fixed
Status: newclosed

Issues on bitbucket will be fixed in the next release with the new drawing code.

Note: See TracTickets for help on using tickets.