Closed Bug 989060 Opened 10 years ago Closed 8 years ago

PBS website uses CSS transform to fallback from unsupported zoom property; has undesirable side-effects

Categories

(Web Compatibility :: Site Reports, defect)

Other
Android
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED INVALID

People

(Reporter: kats, Unassigned)

References

()

Details

(Keywords: reproducible)

+++ This bug was initially created as a clone of Bug #943206 +++

http://www.pbs.org/newshour/rundown/2013/11/innovative-justice-program-sweeping-the-usa.html

Go to the above page and pan on the map graphic. It'll pan out of its frame.

------------------
This is a evangelism issue because the site in question is using the "zoom" property on Chrome/WebKit and falls back to CSS transform:scale on Firefox. However, the "zoom" property in Chrome affects the layout height of the frame and the CSS transform does not, so the end behaviour ends up different in Chrome vs Firefox. The site owners should adjust their fallback path to also adjust the layout height. See comments 23-26 on bug 943206 for more context.
Summary: Images and Videos scroll when they shouldn't when in frames with overflow-y: hidden → PBS website uses CSS transform to fallback from unsupported zoom property; has undesirable side-effects
Also relevant: this only became an issue as of bug 943249, which corrected Firefox's behaviour with respect to overflow properties on iframe elements. So the website is effectively relying on Firefox's previous incorrect behaviour.
Assignee: english-us → nobody
Component: English US → Desktop
The old link is broken. I'm not seeing any odd behavior on the updated link. Tested using FF 46 in OSX.
http://www.pbs.org/newshour/rundown/innovative-justice-program-sweeping-the-usa/

Closing the bug as invalid unless someone can reproduce.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → INVALID
Product: Tech Evangelism → Web Compatibility
You need to log in before you can comment on or make changes to this bug.