1398653 - content property is not reflected when the property is changed by CSSOM

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Hiroyuki Ikezoe (:hiro)]

Attachment: pseudo-change.html

Something like this;

<style>                                                                         
.before::before {                                                               
  content: 'initial';                                                           
  width: 100px; height: 100px;                                                  
  background-color: blue;                                                       
}                                                                               
</style>                                                                        
<div></div>                                                                     
<script>                                                                        
window.addEventListener('load', () => {                                         
  setTimeout(() => {                                                            
    document.querySelector('div').classList.add('before');                      
    setTimeout(() => {                                                          
      document.styleSheets[0].cssRules[0].style.backgroundColor = 'red';        
      document.styleSheets[0].cssRules[0].style.content = 'red';                
    }, 100);                                                                    
  }, 500);                                                                      
});                                                                             
</script>

In this test case, background-color is properly changed, but content property is not reflected at all. 

Neither gecko nor stylo works.

Note that chrome does not change background-color either.

Comment 1

[Hiroyuki Ikezoe (:hiro)]

Oops, I was about to file a new bug for this.

Note that setProperty('content', '') (i.e. remove the property) works fine.

Comment 2

[Xidorn Quan [:xidorn] UTC+11]

I believe this bug is invalid. `red` doesn't seem to be a valid value for content property. If you want the string "red", you should assign `"red"`.

Comment 3

[Hiroyuki Ikezoe (:hiro)]

Oh right. Thanks Xidorn! That was good that I did put you in CC. :)