Closed Bug 1054748 Opened 9 years ago Closed 9 years ago

background-blend-mode on root element is buggy

Categories

(Core :: Web Painting, defect)

Product:
Core
Component:
Web Painting
Version:
30 Branch
Platform:
x86_64
All
Type:
defect
Priority:
Not set
Severity:
minor

Tracking

()

Status:
RESOLVED FIXED

People

(Reporter: ana.tudor.lhnh, Assigned: cabanier, NeedInfo)

References

(
URL
)

Details

Attachments

(3 files)

div element, it works as expected
364 bytes, text/html
Details
html element, not work
366 bytes, text/html
Details
body element, not work
366 bytes, text/html
Details 
1. Set background-image and background-color on the html (or the body) element.

2. Set background-blend-mode to a value different from the default (luminosity in this case).

3. Refresh the page.

4. background-blend-mode is not visually applied, although everything looks fine in Developer Tools.

5. Make any change in the code (for example add a space) or enable and disable background-blend-mode in Developer Tools -> background-blend-mode is now visually applied.


Reproducible on Windows 7 https://twitter.com/rcabanier/status/500891935574208512


Note that this problem does not occur if I go through the same steps for a random div element or for a pseudo-element on the root.
Blocks: 841601
Component: Untriaged → Layout: View Rendering
Product: Firefox → Core
Status: UNCONFIRMED → NEW
Ever confirmed: true
OS: Windows 8.1 → All
Summary: background-blend-mode on root element is buggy on Windows 8 → background-blend-mode on root element is buggy
Version: 31 Branch → 30 Branch
This looks fine to me on OS X, I suppose that (or Linux) is what https://twitter.com/rcabanier/status/500829226954530817 was about? I wonder if this should be in Core::Graphics instead...
Flags: needinfo?(cabanier)
Attached file html element, not work — 

    
    

    
  

      
      
      
      

        Attached file
          
        body element, not work
        — 
      

    


  

    
    

    
  
(In reply to :Gijs Kruitbosch from comment #1)
> This looks fine to me on OS X, I suppose that (or Linux) is what
> https://twitter.com/rcabanier/status/500829226954530817 was about? I wonder
> if this should be in Core::Graphics instead...

I think we need to triage the bug on windows first to make that determination.
I'm attending a SVG WG meeting now but will look into this when I get back (and have access to a windows machine)
Flags: needinfo?(cabanier)

    
  
Assignee: nobody → cabanier

    
    

    
  
This is now broken everywhere. I'll investigate.

    
  
Depends on: 1058044

    
    

    
  
This seems to be fixed by https://bugzilla.mozilla.org/show_bug.cgi?id=1058044
Can you double check with latest nightly?
Status: NEW → RESOLVED
Closed: 9 years ago
Flags: needinfo?(ana.tudor.lhnh)
Resolution: --- → FIXED

    
    

    
  
Hi, I'm expiriencing same issue on Firefox 33.0 on Ubuntu 14.04 LTS. But I will named it like: "background-blend-mode does not blend background images with the background color on <body> element." (no other conditions). Watch this in FF: http://codepen.io/anon/pen/Jjxdh
Component: Layout: View Rendering → Layout: Web Painting

          You need to log in
          before you can comment on or make changes to this bug.