| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"/> |
| <title>href on a semantics element</title> |
| <script type="text/javascript"> |
| function test() |
| { |
| var event = new MouseEvent('click', {bubbles: true, cancelable: true}); |
| document.getElementById('link').dispatchEvent(event); |
| } |
| </script> |
| </head> |
| <body onload="test()"> |
| |
| <p>This test passes if you see a green square.</p> |
| |
| <div style="width: 150px; height: 150px; overflow: hidden"> |
| <math> |
| <semantics id="link" href="#target"> |
| <mspace id="space" width="150px" height="150px" mathbackground="red"/> |
| <annotation>red square</annotation> |
| </semantics> |
| </math> |
| <div style="height: 500px;"></div> |
| <math id="target"> |
| <mspace width="150px" height="150px" mathbackground="green"/> |
| </math> |
| </div> |
| |
| </body> |
| </html> |
