Skip to content

Commit 5e53c13

Browse files
committed
[css-ui-4] Make user-select optionally applicable to ::before and ::after
1 parent 8cc09b3 commit 5e53c13

File tree

1 file changed

+25
-3
lines changed

1 file changed

+25
-3
lines changed

css-ui-4/Overview.bs

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ Abstract: This specification describes user interface related
2525
from the properties and values of previous CSS levels.
2626
It uses various properties and values
2727
to style basic user interface elements in a document.
28+
At risk: Applicability of 'user-select' to ''::before'' and ''::after''
2829
</pre>
2930

3031
<h2 id="intro">Introduction</h2>
@@ -590,16 +591,35 @@ Omitted values are set to their initial values.
590591
Value: auto | text | none | contain | all
591592
Initial: auto
592593
Inherited: no
593-
Applies to: all elements
594+
Applies to: all elements, and optionally to the ''::before'' and ''::after'' pseudo elements
594595
Media: interactive
595596
Computed value: See below
596597
</pre>
597598

598599
User Agents must not apply the 'user-select' property to
599600
the ''::first-line'' and ''::first-letter'' pseudo elements.
600601

601-
Issue: Whether 'user-select' should apply to ''::before'' and
602-
''::after'' is an open question.
602+
Note: The UA may apply this property to the ''::before'' and ''::after'' pseudo elements.
603+
If it does, ''user-select/auto'' value computes to ''user-select/none'' on these pseudos,
604+
but other values can be specified.
605+
This preserves the legacy behavior of generated content not being selectable or copyable,
606+
which is appropriate when these pseudos are used for decorative purposes.
607+
However, this property allows them to become selectable and copyable,
608+
as the user would expect in cases where they are used to generate part of the content,
609+
such as the issue numbers in this document.
610+
<strong class="advisement">To the extent possible,
611+
authors should avoid using generated content
612+
for non decorative purposes,
613+
and should prefer including all the content in the DOM.</strong>
614+
<em>This feature is at risk.</em>
615+
616+
When generated content in pseudo elements becomes selectable
617+
through this mechanism,
618+
UAs should also make this content findable through their search function.
619+
620+
Issue: Should it also apply to ''::marker''? To <a>page-margin boxes</a>?
621+
Should the computed value of '''user-select/auto'' also be ''user-select/none'',
622+
or would ''user-select/text'' be more appropriate?
603623

604624
The computed value is the specified value,
605625
except:
@@ -628,6 +648,8 @@ Omitted values are set to their initial values.
628648
<dt><dfn>auto</dfn>
629649
<dd>The computed value of ''user-select/auto'' is determined as follows:
630650
<ul>
651+
<li>On the ''::before'' and ''::after'' pseudo elements,
652+
the computed value is ''user-select/none''
631653
<li>If the element is an <a>editable element</a>,
632654
the computed value is ''contain''
633655
<li>Otherwise,

0 commit comments

Comments
 (0)