1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   62
   63
   64
   65
   66
   67
   68
   69
   70
   71
   72
   73
   74
   75
   76
   77
   78
   79
   80
   81
   82

content / test / data / accessibility / html / iframe-coordinates.html [blame]

<!--
@MAC-DENY:AXTitle
@MAC-DENY:AXValue
@MAC-ALLOW:LocalPosition
@MAC-ALLOW:AXSize

@WIN-DENY:title*
@WIN-ALLOW:location*
@WIN-ALLOW:size=(300, 150)
@WIN-ALLOW:size=(300, 100)
@WIN-ALLOW:size=(250, 50)
@WIN-ALLOW:size=(150, 50)
@WIN-ALLOW:IA2_STATE_EDITABLE

@BLINK-ALLOW:scrollable=*
@BLINK-ALLOW:scrollX=*
@BLINK-ALLOW:scrollY=*
@BLINK-ALLOW:size=(300, 150)
@BLINK-ALLOW:size=(300, 100)
@BLINK-ALLOW:size=(250, 50)
@BLINK-ALLOW:size=(150, 50)
@BLINK-ALLOW:unclippedLocation=(-150, 400)
@BLINK-ALLOW:unclippedSize=(300, 100)
@BLINK-ALLOW:unclippedLocation=(-125, 425)
@BLINK-ALLOW:unclippedSize=(250, 50)

Only allow these locations, which are not the locations of button's children
inside an iframe. The locations of button's children inside an iframe have
slight variances across different platforms.
@BLINK-ALLOW:pageLocation=(0, 0)
@BLINK-ALLOW:pageLocation=(25, 25)
@BLINK-ALLOW:pageLocation=(0, 150)
@BLINK-ALLOW:pageLocation=(25, 175)
@BLINK-ALLOW:pageLocation=(0, 300)
@BLINK-ALLOW:pageLocation=(25, 325)
@BLINK-ALLOW:pageLocation=(0, 450)
-->
<!DOCTYPE html>
<html>
<head>
<style>
body {
  overflow: hidden;
}
iframe {
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div {
  width: 300px;
  height: 150px;
}
</style>
</head>
<body style="margin: 0; padding: 0;">

<div>
  <button style="margin: 25px; border: 0; width: 250px; height: 50px">
    Button
  </button>
</div>

<div>
  <button style="margin: 25px; border: 0; width: 250px; height: 50px">
    Button
  </button>
</div>

<div>
  <iframe id="frame1" style="width: 300px; height: 100px;"
          scrolling="no" src="frame/button.html"></iframe>
</div>

<div>
  <iframe id="frame2" style="width: 150px; height: 50px;"
          scrolling="no" src="frame/button_scrolled.html"></iframe>
</div>

</body>
</html>