testing/web-platform/tests/html/editing/dnd/draggable-areas/z-index.html
author Mozilla Releng Treescript <release+treescript@mozilla.org>
Sun, 22 May 2022 19:05:53 +0000
changeset 618443 b7295c8261c71469e0cfb6e84528cdc934e48b3d
parent 211545 c27a4a16bf74c9903c17852373f627f078563c9a
permissions -rw-r--r--
no bug - Bumping Firefox l10n changesets r=release a=l10n-bump DONTBUILD de -> 624dc7415ebe8d6fae0d86cc19b2f3deab264768 eo -> 49d443e1f5869d72d2f8ee3796744a316718cd44 gn -> 61dfd9f6d5c3758f180e7be7e5171657f81b5b69 it -> 383ccd0469c5c1caaa6756edc33d1d99dc7bb9fe ja -> 0a10529bb437038f806ef178d2babd15eb2d00e4 ja-JP-mac -> 86667f08ab5477021d4bb1de178c40ad1135626d oc -> 480c2e29f4a3446f11ac818ead7a4fa2bba82838 pt-BR -> 0a3a0a431f05ac4117649215873e5e36cc11f3a6 ru -> 07b419aaa2a8ae9dfa1acd44b00176ede1bb2fb5 tg -> 5268511d2885db4a705b3978210fe254143273bd th -> ab5d0d3d9fc7fffa3b6cfa369022a87306116baa ur -> b2d0d9f13adb353589fd87a0240726c8d3debe27

<!DOCTYPe html>
<meta charset='utf-8'>
<title>drag and drop – feedback overlay for heavily styled elements – 008</title>
<style>
a {
  display: block;
  height: 200px;
  width: 200px;
  background-color: blue;
  position: absolute;
  top: 100px;
  left: 10px;
  z-index: 1;
}

div {
  background-color: orange;
  position: absolute;
  height: 200px;
  width: 200px;
  top: 150px;
  left: 20px;
  z-index: 2;
  opacity: 0.9;
}


</style>

<p>Click and hold the part of the orange box that overlaps the blue box. Then
move your pointing device. The blue box should <em>not</em> be dragged.

<a draggable="true" ondragstart="event.dataTransfer.effectAllowed ='copy'">TEST</a>

<div></div>