safari disarranges slide show images at rollingstone.com

[philll]

Environment

Safari Version 7.0.3 (9537.75.14)
ABP 1.7.4.1171 with Easylist

How to reproduce

1. Go to ​http://www.rollingstone.com/music/pictures/readers-poll-your-favorite-prog-rock-albums-of-all-time-20120725/8-rush-hemispheres-0015975
2. Click the red forward button of the image slideshow

Observed behaviour

The image is disarranged as displayed in attachment:safari_rollingstone_slideshow.png​

Expected behaviour

As in Chrome, the image should be nicely aligned left to the text.

[sebastian]

This is a bug in Safari's layout engine. The width of #imgWrapper isn't updated when the contained image has been loaded. But if you force Safari to re-render that part of the page (for example by changing/adding a random style with the inspector) it is rendered correctly.

That bug is triggered when a certain script is blocked. However it has nothing to do with the code of that script, but maybe with its position in the DOM. If you save the page an remove the script with a text editor, the page is rendered correctly. But blocking that script breaks the layout of the website.

That issue is not specific to Adblock Plus, you can reproduce it with a standalone extension, that does nothing but injects following script:

document.addEventListener("beforeload", function(event)
{
  if (event.url.indexOf("http://ad.doubleclick.net/adj/rstone.site/music/photos") == 0)
    event.preventDefault();
}, true);

As workaround you can add following filter, whitelisting that script:

@@||ad.doubleclick.net/adj/rstone.site/music/photos$script,domain=rollingstone.com

It seems that still no ads will show up, when that script isn't blocked anymore. So we just might want add that exception rule to EasyList?

[sebastian]

The exception rule has been added to EasyList:
​https://hg.adblockplus.org/easylist/rev/8821992d3753

[trev]

Reopening to fix resolution.