Bug 560384 - about:config row are not highlighted correctly on mousedown [r=mfinkle]

mobile/chrome/content/browser.js

@@ -1772,9 +1772,9 @@ ContentCustomClicker.prototype = {
 
         // the element can be out of the cX/cY point because of the touch radius
         let rect = Browser.getBoundingContentRect(element);
-        if (cwu.nodesFromRect && (element.ownerDocument.defaultView.frameElement ||
-                                 (x < rect.left || (x > rect.left + rect.width) ||
-                                 (y < rect.top || (y > rect.top + rect.height))))) {
+        if (!rect.isEmpty() && (element.ownerDocument.defaultView.frameElement ||
+                               (x < rect.left || (x > rect.left + rect.width) ||
+                               (y < rect.top || (y > rect.top + rect.height))))) {
 
           let point = rect.center();
           x = point.x;

mobile/chrome/content/config.js

@@ -242,6 +242,7 @@ var ViewConfig = {
 
     row.setAttribute("name", aPref.name);
     row.setAttribute("type", aPref.type);
+    row.setAttribute("role", "button");
     row.setAttribute("default", aPref.default);
 
     let label = document.createElement("label");

mobile/themes/hildon/config.css

@@ -45,6 +45,7 @@ richlistitem {
 }
 
 richlistitem .preftitle {
+  pointer-events: none;
   min-width: 200px;
   -moz-box-flex: 1;
   margin-right: 8px;
@@ -57,6 +58,7 @@ richlistitem[default="false"] .preftitle {
 
 richlistitem .prefvalue {
   min-width: 200px;
+  pointer-events: none;
   -moz-box-flex: 4;
   text-align: right;
   color: grey;

mobile/themes/wince/config.css

@@ -45,6 +45,7 @@ richlistitem {
 }
 
 richlistitem .preftitle {
+  pointer-events: none;
   min-width: 100px;
   -moz-box-flex: 1;
   margin-right: 1.1mm;
@@ -57,6 +58,7 @@ richlistitem[default="false"] .preftitle {
 
 richlistitem .prefvalue {
   min-width: 100px;
+  pointer-events: none;
   -moz-box-flex: 4;
   text-align: right;
   color: grey;