<!DOCTYPE html> <title>View transitions: shared element with overflow (ref)</title> <link rel="help" href="https://github.com/WICG/view-transitions"> <link rel="author" href="mailto:khushalsagar@chromium.org"> <style> .target { width: 100px; height: 100px; contain: paint; background: blue; overflow-clip-margin: 50px; view-transition-name: target; } .child { width: 200px; height: 200px; position: relative; top: 50px; left: 50px; background: green; } </style> This text should appear unmodified, since the root isn't captured. <div class=target> <div class=child> </div> </div>