919369 - REF: Provide a "Virtual Bezel" for webpages.

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, enhancement)

Description

[Biju]

REF: Provide a "Virtual Bezel" for webpages.

Recent mobile phones and tablets are coming with very thin bezel.
This is cool, as we get more display area for a given device size.

But we now have another problem, as screens are touch screens, we accidentally trigger click events on the webpages when we are just trying to hold the device in hand.

So it would be great if we can get a mechanism that will keep big display, 
but avoid triggering the click events.
ie, Just like a thick BEZEL, but something that is VIRTUAL.

Here is my design idea, but changes are very much welcome.

In the Firefox settings user get an option to specify how many pixel width should be given at top, bottom, right, left sides as width of the bezel.

When browser get a touch event in this area towards the border of the screen, browser trap the event and dont pass it to the webpage.
And then instead browser show a visible Bezel with user given size, and it will be displayed with *transparency*.
Also this Virtual Bezel will automatically fade/hide away in few seconds.

Additionally while displaying the virtual bezel an option to temporarily "disable" Bezel for some [user selectable] duration will be provided.
Duration of the disabling can be selected as 
"10 sec, 1 min, 5 min, 30 min, 1 hr, 2 hr, 4 hr, end of session".
(Probably an about:config settings with comma delimited value will be better.)

Temporarily disabling Virtual Bezel is need sometimes, 
as user as s/he may want to click a link at the edge of the page. 
Or want to play some HTML5 games. 

We could also DISABLE Virtual Bezel effect when user is SWIPING from center of the page to the Virtual Bezel area.
=========
PS: 
This feature is also applicable to Firefox OS, and other devices.
---------
Bezel Definitions 

http://www.webopedia.com/TERM/B/bezel.html
The outside frame around a computer tower or monitor. On a computer case the bezel is the front area of the case where devices protrude through the case. On a CRT computer monitor, the bezel is the outside frame area around the monitor glass. 

http://www.merriam-webster.com/dictionary/bezel
1 :  a rim that holds a transparent covering (as on a watch, clock, 
     or headlight) or that is rotatable and has special markings 
     (as on a watch)
2 :  the oblique side or face of a cut gem; specifically : the upper 
     faceted portion of a brilliant projecting from the setting
3 :  a usually metal rim of a piece of jewelry in which an ornament
     (as a gem) is set

Comment 1

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.