<!DOCTYPE html> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- This testcase ensures that we repaint correctly when "object-position" is adjusted on a replaced element with SVG content. We start with "object-position: 10px 15px", which lets a strip of the red background show through on the top and left edges. We then change dynamically to "object-position: 0 0", which (given our "object-fit: fill" value) lets the SVG image fill each replaced element without any uncovered edges. --> <html class="reftest-wait"> <head> <meta charset="utf-8"> <style type="text/css"> embed, img, object, video { object-fit: fill; object-position: 10px 15px; background: red; width: 50px; height: 30px; } </style> <script> function go() { var elemsToTweak = ["embed", "img", "object", "video"]; elemsToTweak.forEach(tweakElemObjectFit); document.documentElement.removeAttribute("class"); } function tweakElemObjectFit(tagName) { var elem = document.getElementsByTagName(tagName)[0]; elem.style.objectPosition = "0 0"; } document.addEventListener("MozReftestInvalidate", go); </script> </head> <body> <embed src="500.svg"> <img src="500.svg"> <object data="500.svg"></object> <video poster="500.svg"></video> </body> </html>