<!DOCTYPE html> <html class=reftest-wait> <title>Changing CSS object-view-box should trigger relayout</title> <link rel="author" href="mailto:khushalsagar@chromium.org"> <link rel="match" href="object-view-box-property-changed-ref.html"> <link rel="help" href="https://drafts.csswg.org/css-images-4/#the-object-view-box"> <script src="/common/reftest-wait.js"></script> <script src="/common/rendering-utils.js"></script> <style> .view_box_subset { object-fit: fill; margin: 5px; } </style> <body> <img class="view_box_subset" src="support/exif-orientation-6-ru.jpg"></img> </body> <script> async function runTest(image) { // Wait for at least one frame to ensure changing object-view-box triggers a // relayout. await waitForAtLeastOneFrame(); image.style.objectViewBox = "inset(50px 0px 0px 0px)"; await waitForAtLeastOneFrame(); requestAnimationFrame(takeScreenshot); } let image = document.getElementsByTagName("img")[0]; image.onload = runTest(image); </script>