Use Shadow DOM to display fallback content for images

Source/core/html/HTMLImageElement.cpp

 /*
  * Copyright (C) 1999 Lars Knoll (knoll@kde.org)
  *           (C) 1999 Antti Koivisto (koivisto@kde.org)
  * Copyright (C) 2004, 2005, 2006, 2007, 2008, 2010 Apple Inc. All rights reserved.
  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * This library is free software; you can redistribute it and/or
  * modify it under the terms of the GNU Library General Public
  * License as published by the Free Software Foundation; either
  * version 2 of the License, or (at your option) any later version.
@@ skipping 14 matching lines @@
 
 #include "bindings/core/v8/ScriptEventListener.h"
 #include "core/CSSPropertyNames.h"
 #include "core/HTMLNames.h"
 #include "core/MediaTypeNames.h"
 #include "core/css/MediaQueryMatcher.h"
 #include "core/css/MediaValuesDynamic.h"
 #include "core/css/parser/SizesAttributeParser.h"
 #include "core/dom/Attribute.h"
 #include "core/dom/NodeTraversal.h"
+#include "core/dom/Text.h"
+#include "core/dom/shadow/ElementShadow.h"
+#include "core/dom/shadow/ShadowRoot.h"
 #include "core/fetch/ImageResource.h"
 #include "core/frame/UseCounter.h"
 #include "core/html/HTMLAnchorElement.h"
 #include "core/html/HTMLCanvasElement.h"
+#include "core/html/HTMLDivElement.h"
 #include "core/html/HTMLFormElement.h"
+#include "core/html/HTMLImageFallbackHelper.h"
 #include "core/html/HTMLSourceElement.h"
+#include "core/html/HTMLStyleElement.h"
 #include "core/html/canvas/CanvasRenderingContext.h"
 #include "core/html/parser/HTMLParserIdioms.h"
 #include "core/html/parser/HTMLSrcsetParser.h"
 #include "core/inspector/ConsoleMessage.h"
+#include "core/rendering/RenderBlockFlow.h"
 #include "core/rendering/RenderImage.h"
 #include "platform/MIMETypeRegistry.h"
 #include "platform/RuntimeEnabledFeatures.h"
 
 namespace blink {
 
 using namespace HTMLNames;
 
 class HTMLImageElement::ViewportChangeListener FINAL : public MediaQueryListListener {
 public:
@@ skipping 17 matching lines @@
         MediaQueryListListener::trace(visitor);
     }
 private:
     explicit ViewportChangeListener(HTMLImageElement* element) : m_element(element) { }
     RawPtrWillBeMember<HTMLImageElement> m_element;
 };
 
 HTMLImageElement::HTMLImageElement(Document& document, HTMLFormElement* form, bool createdByParser)
     : HTMLElement(imgTag, document)
     , m_imageLoader(HTMLImageLoader::create(this))
+    , m_altTextNode(0)
     , m_compositeOperator(CompositeSourceOver)
     , m_imageDevicePixelRatio(1.0f)
     , m_formWasSetByParser(false)
     , m_elementCreatedByParser(createdByParser)
     , m_intrinsicSizingViewportDependant(false)
     , m_effectiveSizeViewportDependant(false)
+    , m_useFallbackContent(false)
+    , m_isFallbackImage(false)
 {
     ScriptWrappable::init(this);
+    setHasCustomStyleCallbacks();
     if (form && form->inDocument()) {
 #if ENABLE(OILPAN)
         m_form = form;
 #else
         m_form = form->createWeakPtr();
 #endif
         m_formWasSetByParser = true;
         m_form->associate(*this);
         m_form->didAssociateByParser();
     }
@@ skipping 130 matching lines @@
         UseCounter::count(document(), UseCounter::SrcsetWDescriptor);
     } else if (!candidate.srcOrigin()) {
         UseCounter::count(document(), UseCounter::SrcsetXDescriptor);
     }
     if (renderer() && renderer()->isImage())
         toRenderImage(renderer())->setImageDevicePixelRatio(m_imageDevicePixelRatio);
 }
 
 void HTMLImageElement::parseAttribute(const QualifiedName& name, const AtomicString& value)
 {
-    if (name == altAttr) {
-        if (renderer() && renderer()->isImage())
-            toRenderImage(renderer())->updateAltText();
+    if (name == altAttr || name == titleAttr) {
+        if (Text* text = altTextNode()) {
+            String alt = altText();
+            if (text->data() != alt)
+                text->setData(alt);

[esprehn, 2014/09/05 00:47:51]

same thing.

[rhogan, 2014/09/08 19:52:41]

Not done. 

+        }
     } else if (name == srcAttr || name == srcsetAttr || name == sizesAttr) {
         selectSourceURL(ImageLoader::UpdateIgnorePreviousError);
     } else if (name == usemapAttr) {
         setIsLink(!value.isNull());
     } else if (name == compositeAttr) {
         blink::WebBlendMode blendOp = blink::WebBlendModeNormal;
         if (!parseCompositeAndBlendOperator(value, m_compositeOperator, blendOp))
             m_compositeOperator = CompositeSourceOver;
         else if (m_compositeOperator != CompositeSourceOver)
             UseCounter::count(document(), UseCounter::HTMLImageElementComposite);
@@ skipping 58 matching lines @@
         return candidate;
     }
     return ImageCandidate();
 }
 
 RenderObject* HTMLImageElement::createRenderer(RenderStyle* style)
 {
     if (style->hasContent())
         return RenderObject::createObject(this, style);
 
+    if (m_useFallbackContent && !shadowRoot() && userAgentShadowRoot())

[esprehn, 2014/09/05 00:47:50]

Don't check userAgentShadowRoot() or shadowRoot() like this, just check
m_useFallbackContent.

[rhogan, 2014/09/08 19:52:41]

Done

+        return new RenderBlockFlow(this);
+
     RenderImage* image = new RenderImage(this);
     image->setImageResource(RenderImageResource::create());
     image->setImageDevicePixelRatio(m_imageDevicePixelRatio);
     return image;
 }
 
 bool HTMLImageElement::canStartSelection() const
 {
     if (shadow())
         return HTMLElement::canStartSelection();
 
     return false;
 }
 
 void HTMLImageElement::attach(const AttachContext& context)
 {
     HTMLElement::attach(context);
 
     if (renderer() && renderer()->isImage()) {
         RenderImage* renderImage = toRenderImage(renderer());
         RenderImageResource* renderImageResource = renderImage->imageResource();
         if (renderImageResource->hasImage())
             return;
 
-        // If we have no image at all because we have no src attribute, set
-        // image height and width for the alt text instead.
         if (!imageLoader().image() && !renderImageResource->cachedImage())
-            renderImage->setImageSizeForAltText();
-        else
-            renderImageResource->setImageResource(imageLoader().image());
-
+            return;
+        renderImageResource->setImageResource(imageLoader().image());
     }
 }
 
 Node::InsertionNotificationRequest HTMLImageElement::insertedInto(ContainerNode* insertionPoint)
 {
     if (!m_formWasSetByParser || NodeTraversal::highestAncestorOrSelf(*insertionPoint) != NodeTraversal::highestAncestorOrSelf(*m_form.get()))
         resetFormOwner();
     if (m_listener)
         document().mediaQueryMatcher().addViewportListener(m_listener.get());
 
@@ skipping 279 matching lines @@
             m_effectiveSizeViewportDependant = parser.viewportDependant();
         }
         ImageCandidate candidate = bestFitSourceForImageAttributes(document().devicePixelRatio(), effectiveSize, fastGetAttribute(srcAttr), fastGetAttribute(srcsetAttr));
         setBestFitURLAndDPRFromImageCandidate(candidate);
     }
     if (m_intrinsicSizingViewportDependant && m_effectiveSizeViewportDependant && !m_listener.get()) {
         m_listener = ViewportChangeListener::create(this);
         document().mediaQueryMatcher().addViewportListener(m_listener.get());
     }
     imageLoader().updateFromElement(behavior);
+
+    if (imageLoader().image() || (imageLoader().hasPendingActivity() && !imageSourceURL().isEmpty()))
+        ensurePrimaryContent();
+    else
+        ensureFallbackContent();
 }
 
 const KURL& HTMLImageElement::sourceURL() const
 {
     return cachedImage()->response().url();
 }
 
+void HTMLImageElement::didAddUserAgentShadowRoot(ShadowRoot& root)

[esprehn, 2014/09/05 00:47:51]

Remove this.

+{
+    m_altTextNode = createAltTextShadowTree(this);
 }
+
+void HTMLImageElement::ensureFallbackContent()
+{
+    if (m_useFallbackContent || m_isFallbackImage)
+        return;
+    setUseFallbackContent();
+    if (!inDocument())

[esprehn, 2014/09/05 00:47:50]

ditto

[rhogan, 2014/09/08 19:52:41]

Done

+        return;
+    reattachFallbackContent();
+}
+
+void HTMLImageElement::ensurePrimaryContent()
+{
+    if (!m_useFallbackContent || !inDocument())

[esprehn, 2014/09/05 00:47:50]

ditto

[rhogan, 2014/09/08 19:52:41]

Done

+        return;
+    m_useFallbackContent = false;
+    reattachFallbackContent();
+}
+
+void HTMLImageElement::reattachFallbackContent()
+{
+    // This can happen inside of attach() in the middle of a recalcStyle so we need to
+    // reattach synchronously here.
+    if (document().inStyleRecalc())
+        reattach();
+    else
+        lazyReattachIfAttached();
+}
+
+PassRefPtr<RenderStyle> HTMLImageElement::customStyleForRenderer()
+{
+    RefPtr<RenderStyle> newStyle = originalStyleForRenderer();
+
+    if (!m_useFallbackContent)
+        return newStyle;
+    return customStyleForAltText(this, newStyle);
+}
+}