| Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision |
| spec:css4-ui [2015/03/03 07:11] – florian | spec:css4-ui [2015/08/25 05:59] – re-add media play state pseudos hober |
|---|
| * new 'cursor' values: | * new 'cursor' values: |
| * 'auto-hide' - being added to WebKit as [[https://bugs.webkit.org/show_bug.cgi?id=107601|-webkit-auto-hide]], see [[http://lists.w3.org/Archives/Public/www-style/2013Feb/0194.html|this www-style thread]] | * 'auto-hide' - being added to WebKit as [[https://bugs.webkit.org/show_bug.cgi?id=107601|-webkit-auto-hide]], see [[http://lists.w3.org/Archives/Public/www-style/2013Feb/0194.html|this www-style thread]] |
| * 'grab' - supported by Mozilla as [[https://developer.mozilla.org/en/CSS/-moz-grab|-moz-grab]] | |
| * 'grabbing' - supported by Mozilla as [[https://developer.mozilla.org/En/CSS/-moz-grabbing|-moz-grabbing]] | |
| * see [[https://developer.mozilla.org/en/CSS/cursor#Mozilla_extensions|CSS cursor Mozilla extensions]] for more | * see [[https://developer.mozilla.org/en/CSS/cursor#Mozilla_extensions|CSS cursor Mozilla extensions]] for more |
| * consider more from: http://www.gtalbot.org/DHTMLSection/Cursors.html#Proprietary | * consider more from: http://www.gtalbot.org/DHTMLSection/Cursors.html#Proprietary |
| * :placeholder-shown pseudo-class for when an input element is in the state of showing its placeholder text | * :placeholder-shown pseudo-class for when an input element is in the state of showing its placeholder text |
| * See [[ideas/placeholder-styling|placeholder styling]] for more detailed exploration of :placeholder vs. ::placeholder (or potentially both). | * See [[ideas/placeholder-styling|placeholder styling]] for more detailed exploration of :placeholder vs. ::placeholder (or potentially both). |
| * [[https://developer.mozilla.org/en/CSS/%3a-moz-placeholder|:-moz-placeholder]] documentation | * [[https://developer.mozilla.org/en/CSS/%3a-moz-placeholder|:-moz-placeholder]] documentation ([[https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-placeholder|deprecated in FF19]]) |
| * [[https://bugzilla.mozilla.org/show_bug.cgi?id=457801|Mozilla bug 457801]]: Implement -moz-placeholder pseudo-class - big long discussion of pseudo-class vs. pseudo-element etc. | * [[https://bugzilla.mozilla.org/show_bug.cgi?id=457801|Mozilla bug 457801]]: Implement -moz-placeholder pseudo-class - big long discussion of pseudo-class vs. pseudo-element etc. |
| * [[https://wiki.mozilla.org/CSS/:autofill|:autofill]] pseudo-class for when an input element is in the state of showing an autofilled value. Related implementer bugs (not yet implemented) : | * [[https://wiki.mozilla.org/CSS/:autofill|:autofill]] pseudo-class for when an input element is in the state of showing an autofilled value. Related implementer bugs (not yet implemented) : |
| * [[https://developer.mozilla.org/en-US/docs/CSS/:-moz-suppressed|:suppressed]] for elements representing images that were not loaded because loading images from that site has been blocked. | * [[https://developer.mozilla.org/en-US/docs/CSS/:-moz-suppressed|:suppressed]] for elements representing images that were not loaded because loading images from that site has been blocked. |
| * [[https://developer.mozilla.org/en-US/docs/CSS/:-moz-loading|:loading]] for elements none of which can be displayed because they have not started loading, such as images that haven't started to arrive yet. Note that images that are in the process of loading are not matched by this pseudo-class. | * [[https://developer.mozilla.org/en-US/docs/CSS/:-moz-loading|:loading]] for elements none of which can be displayed because they have not started loading, such as images that haven't started to arrive yet. Note that images that are in the process of loading are not matched by this pseudo-class. |
| | * :playing, :paused on media elements, for styling custom media controls |
| * [[https://developer.mozilla.org/en/CSS/%3a%3a-moz-progress-bar|::progress-bar]] pseudo-element for selecting and styling the area of an HTML progress element that represents the amount of progress that has happened so far. This lets you, for example, change the color of progress bars. | * [[https://developer.mozilla.org/en/CSS/%3a%3a-moz-progress-bar|::progress-bar]] pseudo-element for selecting and styling the area of an HTML progress element that represents the amount of progress that has happened so far. This lets you, for example, change the color of progress bars. |
| * :valid-drop-zone, :invalid-drop-zone - a drop-zone (as Mozilla implements [[https://developer.mozilla.org/en/CSS/:-moz-drag-over|:-moz-drag-over]]) that is valid/invalid. | * :valid-drop-zone, :invalid-drop-zone - a drop-zone (as Mozilla implements [[https://developer.mozilla.org/en/CSS/:-moz-drag-over|:-moz-drag-over]]) that is valid/invalid. |
| Suggestion that more values than just none and auto are useful: | Suggestion that more values than just none and auto are useful: |
| http://www.w3.org/mid/5127EB91.7000002@inkedblade.net | http://www.w3.org/mid/5127EB91.7000002@inkedblade.net |
| | |
| | This has now been drafted here: http://dev.w3.org/csswg/css-ui-4/#appearance-switching |
| ==== nav properties ==== | ==== nav properties ==== |
| nav-index: | nav-index: |
| |
| Spec Status: | Spec Status: |
| * not in any current draft. | * draft here: http://dev.w3.org/csswg/css-ui-4/#content-selection |
| |
| Last publication: | ====== css4-ui issues list ====== |
| * http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-select | |
| |
| Issues: | ===== Current Issues ===== |
| * 'all' vs. 'atomic' value (resolved) | |
| * Gecko implementation of the 'all' value does not reflect last specified definition (2000). | |
| * WebKit wants a 'atomic' value that acts as 'all' was specified in 2000. | |
| * Might be possible to get Gecko to change its 'all' behavior to as specified and avoid introducing a new 'atomic' value. | |
| * As of FF 33, the difference in behavior (non atomic select when doing keyboard selection) appears to be gone. | |
| * 'none' vs. '-moz-none' value (Resolved) | |
| * Gecko 'none' vs '-moz-none' differences: http://blogs.telerik.com/blogs/07-05-21/-moz-user-select--moz-none.aspx | |
| * Gecko implementation of '-moz-none' (but not 'none') is like WebKit/IE/Opera's 'none' value. | |
| * related: [[https://bugzilla.mozilla.org/show_bug.cgi?id=816298|Bugzilla 816298]]: Change "-moz-user-select:none" to behave like WebKit, IE, and Opera (and "-moz-user-select:-moz-none") | |
| * From Firefox 21, '-moz-none' and 'none' in Firefox do the same as 'none' in other browsers | |
| |
| For CSS4-UI: | The editor's draft is here: |
| * Minimum: spec the interoperable values among existing implementations (excluding 'all') | * http://dev.w3.org/csswg/css-ui-4/ |
| * Possibly: minimum plus keep 'all' as specified, and get Gecko fixed to be compliant | |
| * Maximum: spec all values, including 'toggle' and 'elements' and file bugs accordingly with existing implementations to get those values implemented. | |
| | |
| ====== css4-ui issues list ====== | |
| ===== Current Issues ===== | |
| There is no editor's draft of CSS4-UI yet - so there's nothing to have issues against! | |
| |
| The editor's draft will eventually be here: | For now, issues are primarily tracked inline, although this wiki contains relevant information that predates the creation of the draft. |
| * http://dev.w3.org/csswg/css4-ui/ | |
| |
| ====== Issues moved from css3-ui ====== | ====== Issues moved from css3-ui ====== |
