incubator-callback-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Patrick Mueller (JIRA)" <>
Subject [jira] [Commented] (CB-678) Weinre does not show correct matched CSS rules when media queries are inline
Date Wed, 09 May 2012 23:59:47 GMT


Patrick Mueller commented on CB-678:

I believe this is a dup of CB-85, so I'm going to resolve as duplicate.  

I didn't realize you could work around this bug w/ the external link w/media rules.  Good
to know, but ... who wants to HAVE to do that, eh?

Can't remember where we stand with this bug.  IIRC, it's possible to get the media rules,
but there's no way for me to query whether they're "active" against a particular element.
 So, I'd have to have a "media expression interpreter", and also be able to calculate all
the values that the expression is using (like max-width, in this case).  Seemed like at least
doing some of that would be possible - not all of it, but some of it - and would be a useful
subset (like max-width).

Anyhoo, "watch" CB-85, and bug me there.  If for some reason it doesn't look like a DUP, feel
free to comment further ...
> Weinre does not show correct matched CSS rules when media queries are inline
> ----------------------------------------------------------------------------
>                 Key: CB-678
>                 URL:
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: weinre
>    Affects Versions: 1.7.0
>         Environment: node
>            Reporter: Charlie Scheinost
>            Assignee: Patrick Mueller
>            Priority: Minor
> If CSS rules are specified inline in a CSS file weinre only shows the first matched CSS
rule, not the rule from the applied media query.
> This works:
> <link href="main.css" rel="stylesheet" type="text/css">
> <link media='screen and (min-width: 700px) and (max-width: 900px)' href="large.css"
rel="stylesheet"  type="text/css">
> <link media='screen and (min-width: 0px) and (max-width: 699px)' href="small.css"
rel="stylesheet" type="text/css">
> weinre will show me all the matched rules for a given selector.
> But if I specify one css file, it fails.
> <link href="combined.css" rel="stylesheet" type="text/css">
> Where combined.css looks like 
> body {
> 	background: black  
> 	no-repeat center top;
> 	font: .81em/150% Arial, Helvetica, sans-serif;
> 	color: yellow
> }	
> @media screen and (max-width: 650px) {
> body {
> 	background: gray 
> 	no-repeat center top;
> 	font: .81em/150% Arial, Helvetica, sans-serif;
> 	color: blue
> }	
> }
> Weinre will not show me the matched rules for a screen smaller than 650px.  The browser
shows the css is applied but weinre does not see it. 

This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:!default.jspa
For more information on JIRA, see:


View raw message