[Webkit-unassigned] [Bug 177068] New: Creating a picture elm with a source and img elms triggers loading of both sources

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Sep 18 06:04:35 PDT 2017


            Bug ID: 177068
           Summary: Creating a picture elm with a source and img elms
                    triggers loading of both sources
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: macOS 10.12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Images
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: maximuse.chern at gmail.com

Created attachment 321087

  --> https://bugs.webkit.org/attachment.cgi?id=321087&action=review

Reduced test case

When an image element is created:

> const image = document.createElement('img');
> image.setAttribute('srcset', 'https://via.placeholder.com/300x100/0e7f00');

webkit starts preloading the srcset immediately.

However, when an image is intended to become part of a picture tag:

> const picture = document.createElement('picture');
> const source = document.createElement('source');
> const image = document.createElement('img');
> source.setAttribute('sizes', '100vw');
> source.setAttribute('media', '(orientation: portrait)');
> image.setAttribute('sizes', '100vw');
> image.setAttribute('alt', 'Placeholder'); 
> source.setAttribute('srcset', 'https://via.placeholder.com/550x900/6600af 550w, https://via.placeholder.com/750x1000/a100af 750w'); 
> image.setAttribute('srcset', 'https://via.placeholder.com/300x100/0e7f00'); 
> picture.appendChild(source);
> picture.appendChild(image);

I expect either the source or the image to be loaded depending on the media query, not both.

# Actual
Webkit preloads the image tag, and the source tag when it is added to the picture element.

# Expected
Only the source tag to be loaded when (orientation: portrait) or only the img to be loaded when (orientation: landscape).

Chrome handles this scenario correctly by cancelling the initial request for the image's srcset when it becomes a child of the picture element.

Reduced test case: https://s.codepen.io/maximus8891/debug/LzVjNZ/ZorBajwPWeOM

Possible duplicates:

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170918/8655dc31/attachment.html>

More information about the webkit-unassigned mailing list