New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 671691 link

Starred by 2 users

Issue metadata

Status: Verified
Owner:
Closed: Jan 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: iOS
Pri: 2
Type: Bug



Sign in to add a comment

Support <picture> in DOM distiller

Project Member Reported by pinkerton@chromium.org, Dec 6 2016

Issue description

Chrome Version: 57.0.2936.0 
OS: iOS10. iPhone7

- Enable reader mode in experimental settings
- Visit http://www.espn.com/nfl/story/_/id/18206864/redskins-jay-gruden-blasts-team-frustrating-loss-cardinals
- Enter reader mode

The main image at top of distilled page is empty. There is also another empty image about 1/2 way down, right after the text: "You can't come out flat like that," Baker said.
 
Cc: gambard@chromium.org wychen@chromium.org
Owner: olivierrobin@chromium.org
Status: Assigned (was: Untriaged)
Cc: olivierrobin@chromium.org mdjones@chromium.org
Owner: wychen@chromium.org
The distilled page contains
<img src="http://www.espn.com/nfl/story/_/id/18199562/nfl-competition-committee-review-intentional-holding-end-baltimore-ravens-cincinnati-bengals" width="375" height="211">
(which is not an image) and the image vector is empty.
This seems a Dom Distiller issue.

Assigning to mdjones as wychen is OOO
Owner: mdjones@chromium.org
Labels: Hotlist-ReadingList
Labels: ReleaseBlock-Stable
Hi, did you have time to take a look?

Comment 7 by wychen@chromium.org, Dec 13 2016

I haven't looked into this, but I'll be working full time for at least one
week starting 2016-12-21. Does this work for your schedule?
Yes, perfect.
Owner: wychen@chromium.org
Passing to wychen as mentioned above.
Status: Started (was: Assigned)
These images are not extracted because they are in <picture> tags. For images on HiDPI devices, we have <img srcset=...> support, but not <picture> currently. This wasn't a big issue before because those who support <picture> usually have a mobile-friendly version already. I'll work on <picture> support for iOS Reader Mode.

As for the symptom in #c3, I couldn't reproduce this non-image <img>. The distilled output contains no <img> tags. Could you elaborate how? Thanks!
The bug appears when distilling a page on espn with a video as first image.
In the link in #3, the video was removed, so you cannot reproduce.

But here are 2 example still working:
http://www.espn.com/blog/houston-rockets/post/_/id/3333/rockets-loss-doesnt-mean-end-of-the-world

Attached distilled version : 18e204320aca2de3a74191e5132e8733.zip

and 
http://www.espn.com/nfl/story/_/page/32for32x161221/2016-nfl-pro-bowl-selections-snubs-all-32-teams
attached distilled a893f7ed506b82bbd3c57b8b43875a23.zip

a893f7ed506b82bbd3c57b8b43875a23.zip
190 KB Download
Ah. I see what went wrong. The extracted <img> is within <picture>, so it has no src attribute. When converting it to absolute URL, "" becomes the current URL. Thanks for the detailed debugging info!
Summary: Support <picture> in DOM distiller (was: Missing images in distilled page)
Will this be ready for M-57?
The CL is ongoing.
https://codereview.chromium.org/2638823002/

I'll try to get this done before the branch. Or we could cherry-pick in the first week.
Project Member

Comment 16 by bugdroid1@chromium.org, Jan 19 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/527a179fadd4f1604eb003127b89c2d60120213d

commit 527a179fadd4f1604eb003127b89c2d60120213d
Author: wychen <wychen@chromium.org>
Date: Thu Jan 19 02:51:37 2017

Roll DOM Distiller JavaScript distribution package

Diff since last roll:
https://github.com/chromium/dom-distiller/compare/aab1a1b038...4540f3524d

Picked up changes:
4540f35 Support <picture> in image extraction

BUG= 671691 

Review-Url: https://codereview.chromium.org/2641983004
Cr-Commit-Position: refs/heads/master@{#444609}

[modify] https://crrev.com/527a179fadd4f1604eb003127b89c2d60120213d/DEPS
[modify] https://crrev.com/527a179fadd4f1604eb003127b89c2d60120213d/third_party/dom_distiller_js/README.chromium

Status: Fixed (was: Started)
Labels: Merge-TBD
[Auto-generated comment by a script] We noticed that this issue is targeted for M-57; it appears the fix may have landed after branch point, meaning a merge might be required. Please confirm if a merge is required here - if so add Merge-Request-57 label, otherwise remove Merge-TBD label. Thanks.
Status: Verified (was: Fixed)
Verified in 58.0.2998.0 canary, iPhone 6+ iOS 10.2, iPad mini 10.1

http://www.espn.com/nfl/story/_/id/18206864/redskins-jay-gruden-blasts-team-frustrating-loss-cardinals
First image is replaced with a dot, second image is shown correctly.
Looks good in distilled view.
Labels: -Merge-TBD
527a179fadd4f1604eb003127b89c2d60120213d landed before the M57 branch point.

Sign in to add a comment