implement disabled fieldset support

twalpole · shs96c · commit a88faefe7b55 · 2013-03-25T15:12:57.000Z
Signed-off-by: Simon Stewart &lt;simon.m.stewart@gmail.com&gt;
diff --git a/javascript/atoms/dom.js b/javascript/atoms/dom.js
@@ -330,6 +330,35 @@ bot.dom.isEnabled = function(el) {
       goog.dom.TagName.OPTION == tagName) {
     return bot.dom.isEnabled((/**@type{!Element}*/el.parentNode));
   }
+
+  // Is there an ancestor of the current element that is a disabled fieldset
+  // and whose child is also an ancestor-or-self of the current element but is
+  // not the first legend child of the fieldset. If so then the element is
+  // disabled.
+  if (goog.dom.getAncestor(el, function (e) {
+    var parent = e.parentNode;
+
+    if (parent &&
+        bot.dom.isElement(parent, goog.dom.TagName.FIELDSET) &&
+        bot.dom.getProperty(parent, 'disabled')) {
+      if (!bot.dom.isElement(e, goog.dom.TagName.LEGEND)) {
+        return true;
+      }
+
+      var sibling = e;
+      // Are there any previous legend siblings? If so then we are not the
+      // first and the element is disabled
+      while (sibling = goog.dom.getPreviousElementSibling(sibling)) {
+        if (bot.dom.isElement(sibling, goog.dom.TagName.LEGEND)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }, true)) {
+    return false;
+  }
+
   return true;
 };
 
diff --git a/javascript/atoms/test/enabled_test.html b/javascript/atoms/test/enabled_test.html
@@ -47,6 +47,11 @@
   assertDisabled('inherits-disabled-2');
 }
 
+function testDisabledShouldInheritFromFieldsetUnlessInLegend() {
+  assertDisabled('disabled-fieldset-button-g');
+  assertEnabled('legend-button-f');
+}
+
 function testEnabledShouldRespondToDisabledProperty() {
   var element = goog.dom.$('enabled-button-a');
   element.disabled = true;
@@ -79,6 +84,13 @@
           <option id="inherits-disabled-2">baz</option>
         </optgroup>
       </select>
+
+      <fieldset id="disabled-fieldset" disabled="disabled">
+        <legend>
+          <button id="legend-button-f" value="Enabled F"></button>
+        </legend>
+        <button id="disabled-fieldset-button-g" value="Enabled G"></button>
+      </fieldset>
     </form>
   </body>
 </html>
