Bug 119703 – Comments within nested CSS media queries are getting parsed

• Status: RESOLVED
• Resolution: WONTFIX
• Component: CSS

[Sean Rice]

I have a piece of CSS that looks something like this

@media screen and (something) {
      body{background:#f00;}
      @media screen and (something more specific){
           /*body{background:#0f0;}*/
       }
}

The commented out line is getting parsed as a normal line for some reason. This is appearing in Chrome on android, but also on safari on IOS, at least on retina screens. I am not sure about other screens. The media queries we were using had to do with pixel density.

To work around, we have removed the commented code entirely, so there's no longer a live site that we can point you to with the issue, but if you have trouble replicating it, we can probably reproduce the relevant files.

Thanks!

[Andy Estes]

Sean, can you provide an actual test case we can open in Safari to see this bug? I tried to use max-width and max-height in place of the 'something's in your example, but I didn't see the commented-out rule being applied.

[Ahmad Saleem]

We don't have test case to work or ensure whether it is bug as of right now with modern Safari or not. Although if we had similar bug, we could've fixed it or have newer bug reports.

Marking this as 'RESOLVED WONTFIX' since it was never confirmed as bug. Please reopen, if it is still an issue.