Home/ Questions/Q 8476931
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T18:18:53+00:00

I am using the following jquery plugin to enable fullscreen in my web app.

  • 0

I am using the following jquery plugin to enable fullscreen in my web app.

https://github.com/martinaglv/jQuery-FullScreen

It works great, except that when I am in fullscreen mode my textarea is not editable? Why is this? Is it a browser thing or the plugin?

It doesnt seem to be disabled in any way…

My test code below:

 <!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://raw.github.com/martinaglv/jQuery-FullScreen/master/fullscreen/jquery.fullscreen.js"></script>
</head>
<body>
    <div id="content">
        <textarea></textarea>
        <button>
            Go Go Fullscreen</button>
    </div>
    <script type="text/javascript">
        (function () {

            if ($.support.fullscreen) {

                $('button').click(function (e) {

                    $('#content').fullScreen();

                });
            }

        })();
    </script>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is a workaround (for Chrome, at least), but I don’t know how it factors into the plug-in you’re using. You have to pass along a little instruction to allow keyboard input:

    document.body.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

    UPDATE:

    You could modify the plug-in pretty easily. This function would change to reflect the above:

    function requestFullScreen(elem){
    if (elem.requestFullscreen) {
        elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullScreen) {
        elem.webkitRequestFullScreen();
    }
}

    By default, the plug-in forces the browser to enter full-screen mode without allowing keyboard input.

    More information here from MDN, and the thread where I found some clues.

    • 0