Implement select listbox using shadow DOM

Source/core/html/HTMLOptionElement.cpp

 /*
  * Copyright (C) 1999 Lars Knoll (knoll@kde.org)
  *           (C) 1999 Antti Koivisto (koivisto@kde.org)
  *           (C) 2001 Dirk Mueller (mueller@kde.org)
  *           (C) 2006 Alexey Proskuryakov (ap@nypop.com)
  * Copyright (C) 2004, 2005, 2006, 2010 Apple Inc. All rights reserved.
  * Copyright (C) 2010 Google Inc. All rights reserved.
  * Copyright (C) 2011 Motorola Mobility, Inc.  All rights reserved.
  *
  * This library is free software; you can redistribute it and/or
@@ skipping 16 matching lines @@
 #include "config.h"
 #include "core/html/HTMLOptionElement.h"
 
 #include "bindings/v8/ExceptionState.h"
 #include "core/HTMLNames.h"
 #include "core/dom/Document.h"
 #include "core/dom/NodeRenderStyle.h"
 #include "core/dom/NodeTraversal.h"
 #include "core/dom/ScriptLoader.h"
 #include "core/dom/Text.h"
+#include "core/dom/shadow/ShadowRoot.h"
 #include "core/html/HTMLDataListElement.h"
+#include "core/html/HTMLOptGroupElement.h"
 #include "core/html/HTMLSelectElement.h"
 #include "core/html/parser/HTMLParserIdioms.h"
 #include "core/rendering/RenderTheme.h"
 #include "wtf/Vector.h"
 #include "wtf/text/StringBuilder.h"
 
 namespace WebCore {
 
 using namespace HTMLNames;
 
@@ skipping 42 matching lines @@
 }
 
 void HTMLOptionElement::detach(const AttachContext& context)
 {
     m_style.clear();
     HTMLElement::detach(context);
 }
 
 bool HTMLOptionElement::rendererIsFocusable() const
 {
-    // Option elements do not have a renderer so we check the renderStyle instead.
-    return renderStyle() && renderStyle()->display() != NONE;
+    HTMLSelectElement* selectElement = ownerSelectElement();
+    if (!selectElement || selectElement->usesMenuList()) {
+        return !isDisplayNone();
+    }
+    return HTMLElement::rendererIsFocusable();
 }
 
 String HTMLOptionElement::text() const
 {
     Document& document = this->document();
     String text;
 
     // WinIE does not use the label attribute, so as a quirk, we ignore it.
     if (!document.inQuirksMode())
         text = fastGetAttribute(labelAttr);
@@ skipping 69 matching lines @@
         bool oldDisabled = m_disabled;
         m_disabled = !value.isNull();
         if (oldDisabled != m_disabled) {
             didAffectSelector(AffectedSelectorDisabled | AffectedSelectorEnabled);
             if (renderer() && renderer()->style()->hasAppearance())
                 RenderTheme::theme().stateChanged(renderer(), EnabledControlState);
         }
     } else if (name == selectedAttr) {
         if (bool willBeSelected = !value.isNull())
             setSelected(willBeSelected);
+    } else if (name == labelAttr) {
+        updateLabel();
     } else
         HTMLElement::parseAttribute(name, value);
 }
 
 String HTMLOptionElement::value() const
 {
     const AtomicString& value = fastGetAttribute(valueAttr);
     if (!value.isNull())
         return value;
     return collectOptionInnerText().stripWhiteSpace(isHTMLSpace<UChar>).simplifyWhiteSpace(isHTMLSpace<UChar>);
@@ skipping 43 matching lines @@
     if (HTMLSelectElement* select = ownerSelectElement())
         select->invalidateSelectedItems();
 }
 
 void HTMLOptionElement::childrenChanged(bool changedByParser, Node* beforeChange, Node* afterChange, int childCountDelta)
 {
     if (HTMLDataListElement* dataList = ownerDataListElement())
         dataList->optionElementChildrenChanged();
     else if (HTMLSelectElement* select = ownerSelectElement())
         select->optionElementChildrenChanged();
+    updateLabel();
     HTMLElement::childrenChanged(changedByParser, beforeChange, afterChange, childCountDelta);
 }
 
 HTMLDataListElement* HTMLOptionElement::ownerDataListElement() const
 {
     return Traversal<HTMLDataListElement>::firstAncestor(*this);
 }
 
 HTMLSelectElement* HTMLOptionElement::ownerSelectElement() const
 {
     return Traversal<HTMLSelectElement>::firstAncestor(*this);
 }
 
 String HTMLOptionElement::label() const
 {
     const AtomicString& label = fastGetAttribute(labelAttr);
     if (!label.isNull())
         return label;
     return collectOptionInnerText().stripWhiteSpace(isHTMLSpace<UChar>).simplifyWhiteSpace(isHTMLSpace<UChar>);
 }
 
 void HTMLOptionElement::setLabel(const AtomicString& label)
 {
     setAttribute(labelAttr, label);
 }
 
+bool HTMLOptionElement::rendererIsNeeded(const RenderStyle&)
+{
+    HTMLSelectElement* select = ownerSelectElement();
+    return select && !select->usesMenuList() && !isDisplayNone();
+}
+
 void HTMLOptionElement::updateNonRenderStyle()
 {
     bool oldDisplayNoneStatus = isDisplayNone();
     m_style = originalStyleForRenderer();
     if (oldDisplayNoneStatus != isDisplayNone()) {
         if (HTMLSelectElement* select = ownerSelectElement())
             select->updateListOnRenderer();
     }
 }
 
@@ skipping 32 matching lines @@
 {
     if (ownElementDisabled())
         return true;
     if (Element* parent = parentElement())
         return isHTMLOptGroupElement(*parent) && parent->isDisabledFormControl();
     return false;
 }
 
 Node::InsertionNotificationRequest HTMLOptionElement::insertedInto(ContainerNode* insertionPoint)
 {
+    HTMLElement::insertedInto(insertionPoint);
     if (HTMLSelectElement* select = ownerSelectElement()) {
         select->setRecalcListItems();
         // Do not call selected() since calling updateListItemSelectedStates()
         // at this time won't do the right thing. (Why, exactly?)
         // FIXME: Might be better to call this unconditionally, always passing m_isSelected,
         // rather than only calling it if we are selected.
         if (m_isSelected)
             select->optionSelectionStateChanged(this, true);
         select->scrollToSelection();
     }
+    return insertionPoint->inDocument() ? InsertionShouldCallDidNotifySubtreeInsertions : InsertionDone;

[keishi, 2014/06/22 11:59:55]

We can't call ensureUserAgentShadow inside insertedInto because of
NoEventDispatchAssertion.

+}
 
-    return HTMLElement::insertedInto(insertionPoint);
+void HTMLOptionElement::didNotifySubtreeInsertionsToDocument()
+{
+    updateView();
+}
+
+void HTMLOptionElement::updateView()
+{
+    HTMLSelectElement* select = ownerSelectElement();
+    if (select && !select->usesMenuList())

[keishi, 2014/06/22 11:59:55]

Only create shadow root when shown in a listbox.

+        ensureUserAgentShadowRoot();
+    else if (userAgentShadowRoot())
+        userAgentShadowRoot()->detach();
+}
+
+void HTMLOptionElement::removedFrom(ContainerNode* insertionPoint)
+{
+    HTMLSelectElement* select = Traversal<HTMLSelectElement>::firstAncestorOrSelf(*insertionPoint);
+    if (select)
+        return select->optionRemoved(this);
+    HTMLElement::removedFrom(insertionPoint);
 }
 
 String HTMLOptionElement::collectOptionInnerText() const
 {
     StringBuilder text;
     for (Node* node = firstChild(); node; ) {
         if (node->isTextNode())
             text.append(node->nodeValue());
         // Text nodes inside script elements are not part of the option text.
         if (node->isElementNode() && toScriptLoaderIfPossible(toElement(node)))
@@ skipping 17 matching lines @@
     ContainerNode* parent = parentNode();
     // Check for parent optgroup having display NONE
     if (parent && isHTMLOptGroupElement(*parent)) {
         if (toHTMLOptGroupElement(*parent).isDisplayNone())
             return true;
     }
     RenderStyle* style = nonRendererStyle();
     return style && style->display() == NONE;
 }
 
+void HTMLOptionElement::updateLabel()
+{
+    ShadowRoot* root = userAgentShadowRoot();
+    if (!root)
+        return;
+    Text* const textNode = toText(root->firstChild());
+    if (textNode)
+        textNode->replaceWholeText(textIndentedToRespectGroupLabel());
+    else
+        root->appendChild(Text::create(document(), textIndentedToRespectGroupLabel()), ASSERT_NO_EXCEPTION);
+}
+
 } // namespace WebCore