clip-path-descendant-text-mutated-001.html (1168B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>CSS Masking: Test ancestors update as text descendants change</title> 4 <link rel="author" title="Fredrik Söderquist" href="mailto:fs@opera.com"> 5 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> 6 <link rel="issue" href="https://bugs.chromium.org/p/chromium/issues/detail?id=901851"> 7 <link rel="match" href="reference/clip-path-descendant-text-mutated-001-ref.html"> 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 9 <meta name="assert" content="This test ensures that ancestors are updated properly when a text descendant of clip path property changes."> 10 <script src="/common/reftest-wait.js"></script> 11 <script src="/common/rendering-utils.js"></script> 12 <style> 13 #target { 14 width: 100px; 15 height: 100px; 16 background-color: green; 17 border-right: 100px solid red; 18 clip-path: url(#clip); 19 } 20 </style> 21 <div id="target"></div> 22 <svg> 23 <clipPath id="clip"> 24 <text id="text" y="80" font-family="Ahem" font-size="100">XX</text> 25 </clipPath> 26 </svg> 27 <script> 28 waitForAtLeastOneFrame().then(function() { 29 text.firstChild.data = 'X'; 30 takeScreenshot(); 31 }); 32 </script>