Attachment 349875 Details for Bug 189657 – Testcase

Testcase

fullscreen-abspos.html (text/html), 961 bytes, created by Simon Fraser (smfr) on 2018-09-16 18:04:01 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Simon Fraser (smfr)

Created: 2018-09-16 18:04:01 PDT

Size: 961 bytes

patch

obsolete

><!DOCTYPE html>
>
><html>
><head>
>    <style>
>    #fullscreener {
>        background-color: silver;
>        position: absolute;
>        width: 100%;
>        height: 100%;
>        border: 20px solid gray;
>        padding: 40px 100px;
>        text-align: center;
>        font-size: 80pt;
>    }
>    
>    .message {
>        font-size: 20pt;
>        margin: 50px;
>    }
>    </style>
>    <script>
>    
>    function goFullscreen()
>    {
>        var fullscreener = document.getElementById('fullscreener');
>        fullscreener.webkitRequestFullscreen();
>    }
>
>    function doSetup()
>    {
>        var fullscreener = document.getElementById('fullscreener');
>        fullscreener.addEventListener('click', goFullscreen, false);
>    }
>    window.addEventListener('load', doSetup, false);
>    </script>
></head>
><body>
>
><div id="fullscreener">
>    This is the fullscreen element.
>    <div class="message">
>        Click me to go fullscreen.
>    </div>
></div>
>
></body>
></html>

<!DOCTYPE html>

<html>
<head>
    <style>
    #fullscreener {
        background-color: silver;
        position: absolute;
        width: 100%;
        height: 100%;
        border: 20px solid gray;
        padding: 40px 100px;
        text-align: center;
        font-size: 80pt;
    }
    
    .message {
        font-size: 20pt;
        margin: 50px;
    }
    </style>
    <script>
    
    function goFullscreen()
    {
        var fullscreener = document.getElementById('fullscreener');
        fullscreener.webkitRequestFullscreen();
    }

    function doSetup()
    {
        var fullscreener = document.getElementById('fullscreener');
        fullscreener.addEventListener('click', goFullscreen, false);
    }
    window.addEventListener('load', doSetup, false);
    </script>
</head>
<body>

<div id="fullscreener">
    This is the fullscreen element.
    <div class="message">
        Click me to go fullscreen.
    </div>
</div>

</body>
</html>

Actions: View

Attachments on bug 189657: 349875