ubuntu-phone team mailing list archive

[Olivier Tilloy <olivier.tilloy@xxxxxxxxxxxxx>]

On Fri, Oct 10, 2014 at 1:23 PM, Mitchell Reese
<projects@xxxxxxxxxxxxxxxxxxxxx> wrote:
> On 07/10/14 08:44, Olivier Tilloy wrote:
>>
>> On Mon, Oct 6, 2014 at 11:24 PM, Mitchell Reese
>> <projects@xxxxxxxxxxxxxxxxxxxxx> wrote:
>>>>>
>>>>> 1. Is there any way currently for webapps to be fullscreen when in
>>>>>      landscape mode? I'm talking about the notification bar
>>>>> disappearing
>>>>>      when rotating the device on it's side. There are already a couple
>>>>>      apps that do this (gallery, etc.) and it would be great to have
>>>>> this
>>>>>      functionality for webapps. Working on a couple games, and
>>>>> something
>>>>>      just doesn't look right with the notification bar wrong way up on
>>>>>      the left hand side of the device. It would be great if apps being
>>>>>      used in landscape mode had this functionality. Is anything like
>>>>> this
>>>>>      currently possible, or planned?
>>>>
>>>> Webapps (and web pages) that request fullscreen should hide the
>>>> notifications bar. This was not enabled until now because of bug
>>>> #1328839, but the bug has been fixed, and I submitted a change to
>>>> reflect that in the browser and the webapps container
>>>>
>>>>
>>>> (https://code.launchpad.net/~osomon/webbrowser-app/fullscreen-workaround-1328839/+merge/237234).
>>>> Expect this to land soon.
>>>
>>> Great, am currently on the dev image for the RTM release, so will
>>> hopefully
>>> see this soon. What's the code to enable this in webapps?
>>
>> Use the DOM fullscreen API in the app itself:
>>
>> https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode.
>
> Trying this now, and am a bit lost. Am I using this code with the
> webapp-container itself, or in the webapps being created in the sdk? No
> obvious options for where to use this, so I'm missing something entirely.
> Has this been implemented on a basic level within the webapp template files
> in the sdk (i.e., can I add an option to one of the obvious files), or do I
> need to add this code to the webapp-container itself?

The DOM fullscreen API applies to the webapp itself, i.e. the app has
to request fullscreen from JS code. If you don’t control the code of
the webapp but still want to make it fullscreen, this is not an
option.

The webapp-container has a '--fullscreen' command-line switch that
would do the trick, if it wasn’t broken (tracked by
https://bugs.launchpad.net/webbrowser-app/+bug/1379766).