Bug with YouTube iframes in Chrome for Mac.

[daghoidahl]

When the stickem element has the css attribute "overflow-y: auto", then tags within an iframe break the stickyness of the stickem element. Only the element is sticky.

The bug is reproduced on jsfiddle:
http://jsfiddle.net/AuAVc/

The bug appears in Chrome for Mac OS X, and I've tested with these versions:
Version 23.0.1271.101
Version 26.0.1366.0 canary

Would this be a bug in Chrome for OS X or jquery-Stickem?

[davist11]

Any reason you have overflow-y: auto on the element? It works fine when you take it off.

[daghoidahl]

We need to handle a case where the contents of the element might be taller than the browser window. When this is the case, we need to be able to scroll within the element. Otherwise, the stickiness will make it impossible to reach the bottom of the element.

By the way, I see that I didn't clarify that the problem does not appear in any other browser that we've tested with: neither Firefox, Safari nor Chromium on Ubuntu.

[davist11]

Taller than the entire window?! The script already handles not making an element sticky if it is taller than the window.

[daghoidahl]

Yes. The case is that we have a chat going on in the left column and administration commands in the right (sticky) column. These need to be able to scroll independently.

[davist11]

I'm not sure what to say here. Seems like your needs are incompatible with Stickem.

[daghoidahl]

On the contrary, Stickem suits our needs like a glove. It has provided a simple solution to a problem we struggled with.

But there's a bug somewhere that manifests when it comes to embedded YouTube videos in Chrome for OS X (which is not the primary usage case for Stickem). I'm trying to find out whether the fault lies with Chrome itself or with Stickem. My hunch is that the problem is in Chrome, but I figured I'd check with the Stickem issue tracker first.

Anyway, I've filed a bug report with Chromium: http://code.google.com/p/chromium/issues/detail?id=167956