[webkit-dev] New web-facing CSS feature: -webkit-cursor-visibility: auto-hide

Jer Noble jer.noble at apple.com
Mon Mar 4 16:37:43 PST 2013

In an effort to improve the user-experience of watching videos in full screen mode, I have created a patch which adds a new CSS style attribute: -webkit-cursor-visibility. When set to "auto-hide", this rule would change the cursor type to "none" after a few seconds of inactivity. UAs could then add this rule to their UA full screen style sheets for full screened video elements, but this rule can be overridden by site authors to handle hiding the cursor (or not) themselves.  Sites which do not hide the cursor during playback in full screen mode (e.g. YouTube) would get this behavior for free, and sites which do (e.g. vimeo) can continue to explicitly hide the mouse cursor when hiding their custom controls.

This new attribute is not currently hidden behind a feature flag.

We are at the very initial stages of proposing this attribute to the CSSWG, but have already incorporated feedback from some of the WG members.

Please take a look at the associated bug, if you're interested: 
<https://bugs.webkit.org/show_bug.cgi?id=107601> Default mouse cursor behavior should be auto-hide for full screen video with custom controls


More information about the webkit-dev mailing list