Do any browsers support HTML5's context menu? - html

Do any browsers support the HTML5 context menu attribute?

This has been added to Firefox 8.
See this for an example of it working https://bug617528.bugzilla.mozilla.org/attachment.cgi?id=554309

Right now, the contextmenu attribute is not supported by any browser version. According to caniuse.com it doesn't have support for any current browser versions (IE 9, Firefox 4, Safari 5, Chrome 11, Opera 11.1, or any mobile browsers - iOS, Opera, or Android). It is unknown if it will be supported in future versions.
It was discussed in April 2010 regarding adding it to Webkit. But it doesn't look like it's been added to the nightlies yet.

According to this wiki page for now there is no any popular layout engine except Firefox's Gecko that fully supports the menu element. Meanwhile, you can try some script solutions, like jQuery Context Menu Plugin.

You can use Modernizr for HTML5 feature detection.

It is working well here with Firefox 9.

Firefox 8 Aurora implements this feature. But unfortunately it doesn't seem to work for me now...

Pretty sure it's supported with a polyfill: https://github.com/medialize/jQuery-contextMenu

Related

which web browsers (and which versions) implement the autocomplete=off feature?

I have a web form asking for a credit card number. How can I prevent the browser from saving this information?
I see people proposing to use the autocomplete="off" feature.
Which web browsers do implement this feature?
For which versions of those browsers?
I am looking for a trustful public article with this answer, so that I can rely my decision on it.
Also, is there a standard javascript snippet to implement this feature in case the browser does not support it?
note: before marking this question as duplicate, please note that I did not find the answer in those stackoverflow's questions:
Is there a W3C valid way to disable autocomplete in a HTML form? ,
How to prevent the credit-card number field being cached by the browser , https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion , http://msdn.microsoft.com/en-us/library/ms533032%28VS.85%29.aspx
According to MDN: input element the autocomplete attribute is supported from these browser versions:
Desktop:
Chrome 17.0
Firefox 4.0
Internet Explorer 5
Opera 9.6
Safari 5.2
Mobile:
Android : unknown
Firefox Mobile 4.0
IE Mobile : all
Opera Mobile : all
Safari Mobile : all
This may be 4 years old, but it isn't folly to assume that the versions quoted here and above support autocomplete="off".
Is autocomplete="off" compatible with all modern browsers?

Website displaying differently on firefox, internet explorer and google Chrome

I have finished designing my website but it displays differently on firefox, chrome and internet explorer. I believe i have done everything right but i dont know what is happening. Actually, google chrome displays it as i want it to, but firefox and internet explorer does not. My internet explorer version is 10 and firefox is 29. Please any help is much appreciated. thanks
This is the link to hosted site: http://www.ruebenpersonal.netai.net.
http://pastebin.com/xTnXeGhq - Link to the html source code.
Some browsers are uses the same rendering engine and some are not.
For example:
Google Chrome and Safari browsers are using : Webkit Engine (See: http://www.webkit.org/)
Firefox is using Gecko Engine (A.K.A. Moz) - (See: http://en.wikipedia.org/wiki/Gecko_(software)
Opera is using : Presto (See: http://www.opera.com/docs/specs/productspecs/)
So differences between rendering engines are normal. Which is why we are using their css properties like;
-webkit-border-radius /* For Webkit */
-moz-border-radius /* For Gecko */
-o-border-radius /* For Presto */
border-radius /* For IE9+ */
Some older browsers like Internet Explorer 6, 7, 8 are not giving support for most of CSS3 methods. To enable that methods, there are available to use JS engines like html5shiv or modernizr.
Note: You can use a service like this to generate starter templates that supports almost every browser.
Initializr: http://www.initializr.com/
Each browser uses different rendering engines. This means that certain HTML elements, CSS styles, etc. will be interpreted differently or not at all by browsers that do not share the same rendering engine.
To understand more, I would refer to this link: http://taligarsiel.com/Projects/howbrowserswork1.htm
As far as developing for multiple browsers, I would look into the modernizr javascript library, http://modernizr.com/, and for quick reference, caniuse.com.
Hope this is helpful.

How widely supported is the iframe attribute "allowfullscreen"?

I can't seem to find any websites detailing the support for the iframe attribute "allowfullscreen". CanIUse.com doesn't seem to have a listing for it, for example.
Does anyone have the support information for Chrome, Safari, IE and Firefox?
I've started discovering some of my own answers:
FireFox: Added support in v18 (January 8, 2013) - Source
Chrome: Added support in v27 (May 22, 2013) - Source
Safari: Added support in v7 (October 22, 2013) - Source
Internet Explorer: Added support in v11
Microsoft Edge: Supported
It seems to be difficult to find detailed release notes for the other three, unfortunately.
There’s a website dedicated to this attribute: http://www.allowfullscreen.com/. It's not very good, however.
While MSDN has only a rudimental entry, MDN provides a support table in their iframe doc:
FF: 18
Chrome: 17 (webkitallowfullscreen)
IE: no support
Safari: prefix support
Opera: supported
Update:
CanIUse.com reports support in all major browsers now.
Looks like this attribute is part of the HTML 5.1 specification.
This WC3 implementation report claims support in all browsers, so
<iframe allowfullscreen>
should work, except Microsoft browsers which need the -ms- vendor prefix.

HTML5 vibration API support

I checked on http://caniuse.com/ but can't find anything about compatibility for the vibration API.
Which browsers support it?
Update [2014-03-07]: The Vibration API is now supported by Firefox, Chrome, and Opera. I've also made this information available on on caniuse.com.
Based on this article:
The Vibration API is still primarily unsupported. Firefox 16+ is
currently the only browser with support for the API.
According to Mozilla Developer Network it is supported in Chrome with prefix webkit, in Firefox 11+ with prefix moz and in Firefox 16+ without any prefix.
But as you can check in this Issue in Chromium as of now it is not supperted in Chrome and they seem to be in no hurry as Priority is 2(Normal).
It is not supported in Android strock browser as of now.

HTML5 datalist not working in Firefox 6.0.2

Though, most online resources on HTML5 mention that datalists are supported in Firefox 4 & above, but it does not work with my Firefox 6.0.2.
Also tried the example at http://www.html5tutorial.info/html5-datalist.php.
Does it work only in Firefox 4?
Is there a way to check the support with Modernizr?
Regards,
S