@@ -1979,10 +1979,10 @@ Preventing All Interaction: the 'interactivity' property</h3>
1979
1979
1980
1980
<pre class=propdef>
1981
1981
Name : interactivity
1982
- Value : auto | normal | inert
1982
+ Value : auto | inert
1983
1983
Initial : auto
1984
1984
Applies to : all elements
1985
- Inherited : no
1985
+ Inherited : yes
1986
1986
Percentages : N/A
1987
1987
Computed Value : as specified
1988
1988
Animation type : discrete
@@ -1995,22 +1995,13 @@ are [=inert=] or not.
1995
1995
<dl dfn-type=value dfn-for=interactivity>
1996
1996
: <dfn>auto</dfn>
1997
1997
::
1998
- The element is [=inert=] if and only if
1999
- its [=flat tree=] parent is [=inert=] .
2000
-
2001
- : <dfn>normal</dfn>
2002
- :: The element is not [=inert=] .
1998
+ Unless otherwise specified by the host language,
1999
+ the element is not [=inert=] .
2003
2000
2004
2001
: <dfn>inert</dfn>
2005
2002
:: The element is [=inert=] .
2006
2003
</dl>
2007
2004
2008
- Note: While 'interactivity' is not an [=inherited=] property,
2009
- by default (when set to ''interactivity/auto'' )
2010
- it acts <em> similarly</em> to one,
2011
- except it "inherits" thru the [=flat tree=]
2012
- rather than the usual parent/child relationship.
2013
-
2014
2005
<div algorithm>
2015
2006
When an [=element=] or [=text run=] is <dfn export>inert</dfn> :
2016
2007
@@ -2048,23 +2039,18 @@ In these instances, the <{input/disabled}> attribute is probably more appropriat
2048
2039
2049
2040
<pre highlight=css>
2050
2041
@scope ([inert] ) to (X) {
2051
- interactivity: inert !important;
2042
+ * {
2043
+ interactivity: inert !important;
2044
+ }
2045
+ }
2046
+ X {
2047
+ interactivity: auto;
2052
2048
}
2053
2049
</pre>
2054
2050
2055
2051
Where the <css> X</css> represents a theoretical selector
2056
2052
matching any elements that "escape" inertness by default,
2057
2053
such as modal dialogs.
2058
-
2059
- This prevents descendants of an element with the <{html-global/inert}> attribute
2060
- from being un-inerted,
2061
- but <em> does</em> allow elements that are [=flat tree=] descendants,
2062
- but not DOM tree descendants,
2063
- to be set non-inert.
2064
- For example, a light-tree element
2065
- slotted into an inert subtree in a shadow DOM
2066
- could turn off inertness.
2067
- I assume this is ok?
2068
2054
</div>
2069
2055
2070
2056
0 commit comments