ChangeLog

2012-07-19  Shinya Kawanaka  <shinyak@chromium.org>

        Needs pseudo id to point the inner element of an img elemnet for styling

        https://bugs.webkit.org/show_bug.cgi?id=91590

        Reviewed by Hajime Morita.

        We introduce pseudo id to point the element in UserAgentShadowDOM.

        This enables us to style the inner element of an img element shadow.

        Please see also http://trac.webkit.org/wiki/ShadowDOMForReplacedElements

        Test: fast/dom/shadow/shadowdom-for-image-with-pseudo-id.html

        * html/shadow/ImageInnerElement.cpp:

        (WebCore::ImageInnerElement::shadowPseudoId):

        (WebCore):

        * html/shadow/ImageInnerElement.h:

        (ImageInnerElement):

2012-07-19  Dmitry Titov  <dimich@chromium.org>

        Unreviewed, reverting http://trac.webkit.org/changeset/123149.

Source/WebCore/html/shadow/ImageInnerElement.cpp

@@RenderObject* ImageInnerElement::createRenderer(RenderArena* arena, RenderStyle*

    return createRendererForImage(this, arena);

}

const AtomicString& ImageInnerElement::shadowPseudoId() const

{

    DEFINE_STATIC_LOCAL(AtomicString, pseudoId, ("-webkit-image-inner-element"));

    return pseudoId;

}

7177}

Source/WebCore/html/shadow/ImageInnerElement.h

@@private:

    virtual void attach() OVERRIDE;

    virtual RenderObject* createRenderer(RenderArena*, RenderStyle*) OVERRIDE;

56

57 virtual const AtomicString& shadowPseudoId() const OVERRIDE;

};

inline PassRefPtr<ImageInnerElement> ImageInnerElement::create(Document* document)

LayoutTests/ChangeLog

2012-07-19  Shinya Kawanaka  <shinyak@chromium.org>

        Needs pseudo id to point the inner element of an img elemnet for styling

        https://bugs.webkit.org/show_bug.cgi?id=91590

        Reviewed by Hajime Morita.

        Uses pseudo id to confirm the style is applied to the inner element of an img element shadow.

        * fast/dom/shadow/shadowdom-for-image-with-pseudo-id-expected.html: Added.

        * fast/dom/shadow/shadowdom-for-image-with-pseudo-id.html: Added.

2012-07-19  Erik Arvidsson  <arv@chromium.org>

        Fix test after r123145.

LayoutTests/fast/dom/shadow/shadowdom-for-image-with-pseudo-id-expected.html

<!DOCTYPE html>

<html>

<body>

<div id="container">

    <div>

        <div style="display: inline-block">(before)<img src="../resources/apple.gif" width="100" height="100">(after)</div>

    </div>

</div>

</body>

</html>

LayoutTests/fast/dom/shadow/shadowdom-for-image-with-pseudo-id.html

<!DOCTYPE html>

<html>

<body>

<script src="resources/polyfill.js"></script>

<style>

#host::-webkit-image-inner-element {

    width: 100px;

    height: 100px;

}

</style>

<div id="container">

    <div>

        <img id="host" src="../resources/apple.gif">

    </div>

</div>

<script>

function addShadowDOM(host) {

    var shadowRoot = new WebKitShadowRoot(host);

    shadowRoot.innerHTML = "(before)<shadow></shadow>(after)";

}

addShadowDOM(host);

</script>

</body>

</html>