mozilla-central: testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7-ref.html@1e02bb4c2af2efa34f8335befa373d2b39383b02

Mercurial > mozilla-central / file revision / testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7-ref.html@1e02bb4c2af2efa34f8335befa373d2b39383b02

author	Makoto Kato <m_kato@ga2.so-net.ne.jp>
	Mon, 14 Jul 2025 05:41:12 +0000 (13 hours ago)
changeset 796406	1e02bb4c2af2efa34f8335befa373d2b39383b02
parent 683238	36732c3b147f02fd0d5c2b9a2da03421c1ebe9c4
permissions	-rw-r--r--

Bug 1973726 - Set DOM file path for webkitRelativePath. r=sefeng,geckoview-reviewers,webidl,smaug,ohall Actually, there is no way to set webkitRelativePath from JavaScript. Since GeckoView's folder picker handles virtual file data, we need to set relative path from JavaScript directly. A content URI of System storage document provider only allow file data access from file/folder picker, so there is no way to test it on geckoivew-junit. Also, after landing bug 1591640, GVE always crash when using folder picker. So this includes a fix for it. Differential Revision: https://phabricator.services.mozilla.com/D255615

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta content="ahem" name="flags">
    <link rel="stylesheet" href="/fonts/ahem.css" />
    <style>
      div.mask {
        background-color: purple;
        width: 40px;
        height: 20px;
        border-radius: 5px;
        position: relative;
      }
      span.mask {
        font: 20px/1 Ahem;
        line-height: 20px;
        color: purple;
        border-radius: 5px;
        position: relative;
      }
      .unclipped-child {
        position: absolute;
        top: -6px;
        left: -6px;
        width: 52px;
        height: 32px;
        background: purple;
      }
    </style>
  </head>
  <body>
    <div class="mask"><div class="unclipped-child"></div></div>
    <br>
    <span class="mask">XX<span class="unclipped-child"></span></span>
  </body>
</html>