Opened 13 years ago
Closed 10 years ago
#7407 closed bug (fixed)
Black rectangle rendering bug with CSS3 box-shadow
| Reported by: | Giova84 | Owned by: | pulkomandy |
|---|---|---|---|
| Priority: | high | Milestone: | R1 |
| Component: | Applications/WebPositive | Version: | R1/Development |
| Keywords: | webpositive black rectangle box shadow css | Cc: | |
| Blocked By: | Blocking: | #7781, #9728, #10107 | |
| Platform: | x86 |
Description
As you can see in the screenshot, Webpositive doesn't show correctly the translated text. is covered up with black colour. To be showed must be selected with mouse. You can reproduce this directly on http://translate.google.com
Attachments (2)
Change History (17)
by , 13 years ago
| Attachment: | Google Translate.png added |
|---|
comment:1 by , 13 years ago
comment:3 by , 13 years ago
Looks more like the problem with some of the native controls and bitmaps, where a black "shadow" extends to the right of said control with exactly the same dimensions of the control itself. I tried to track that down once, but failed to find anything obvious. Probably this is an issue with some broken layout calculations that makes WebKit think the control is at a different place than it actually is and then it consequently doesn't render anything in that space. In any case I'm pretty sure this is a port problem and not CSS. Of course our WebKit port is in desperate need of an update still...
comment:4 by , 13 years ago
Attaching a very simplified testcase. It seems a combination of "background: transparent" and a "-webkit-box-shadow" trigger the behaviour.
comment:5 by , 12 years ago
During these months Google Translate is changed and now is correctly rendered inside WebPositive, but on certain websites i can still see wrong rendering.
follow-up: 7 comment:6 by , 12 years ago
Hi. Our WebKit port (and thus WebPositive) was updated in July. Could you retest this in a new nightly image and report back? http://www.haiku-files.org/haiku/development Thanks!
comment:7 by , 12 years ago
Replying to mmadia:
Hi. Our WebKit port (and thus WebPositive) was updated in July. Could you retest this in a new nightly image and report back? http://www.haiku-files.org/haiku/development Thanks!
Hi Matt, Google Translate is displayed better in the new version of Web+, but on the most of websites, despite the newer version of webkit, WebPositive still shows drawing issues.
comment:8 by , 12 years ago
| Keywords: | rectangle box shadow css added; google translate covered text removed |
|---|---|
| Priority: | normal → high |
| Summary: | Webpositive doesn't show correctly the translated text of Google Translate → Black rectangle rendering bug with CSS3 box-shadow |
comment:9 by , 12 years ago
| Blocking: | 7781 added |
|---|
comment:11 by , 11 years ago
| Blocking: | 9728 added |
|---|
comment:12 by , 11 years ago
| Blocking: | 10107 added |
|---|
comment:14 by , 10 years ago
| Owner: | changed from to |
|---|---|
| Status: | new → assigned |
comment:15 by , 10 years ago
| Resolution: | → fixed |
|---|---|
| Status: | assigned → closed |
Fixed in https://github.com/haiku/webkit/commit/b0c5e581f96b7bc6166c684b18d6dd2f9e98f3e0 . We still need to actually draw the shadow, however.
This is most likely broken CSS handling in the webkit revision Web+ is currently based on, similar issues can be seen on other sites (i.e. on ArsTechnica, asking to switch to the black theme theoretically results in switching what CSS is used to render the page, but has no effect on Web+). Fixing this would require updating to a newer webkit, which is somewhat non-trivial at the moment.