Nu-HTML checker - <details> as child of <figure>?

Joseph Polizzotto MA <[email protected]> Mon, 1 Jun 2020 16:34:09 -0700
Newsgroups gmane.org.w3c.validator
Message-ID <CAGQNLEUAvA_hYSGV9A8mCMhY9wb-9b_n_n3FVZinW5gHkGSmEQ@mail.gmail.com>
--00000000000071da9205a70e3d4f
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

Hi:

I would like to use <details> as a child of <figure> but get an error
message when running the Nu-HTML checker.

error: Element =E2=80=9Cdetails=E2=80=9D not allowed as child of element =
=E2=80=9Cfigure=E2=80=9D in this
context. (Suppressing further errors from this subtree.)

I believe my use of <details> as a child of <figure> is flagged because I
am also using <figcaption> within the same <figure>. When <details> is a
child of <figcaption> within the <figure>, the error goes away.

I also noticed that when I use <details> as a child of <figure> that does
not have <figcaption>, there is no error.

I am wondering why the Nu_HTML validator allows <details>1) as a child of
<figcaption> and 2) as a child of <figure> when there is no <figcaption>,
but not 3) as a child of <figure>, which also has <figcaption>.

Note: I have tested <details> as a child of <figure> with a <figcaption>
with Firefox, Chrome, and Edge and noticed that these browsers do support
this combination.

Thanks for your help,

Joseph


--=20
*Alternate Media Supervisor*
Disabled Students' Program
University of California, Berkeley
https://dsp.berkeley.edu/
<https://nam02.safelinks.protection.outlook.com/?url=3Dhttps%3A%2F%2Fdsp.be=
rkeley.edu%2F&data=3D02%7C01%7C%7C4e0abffcb5b34567a22308d5e13137b3%7C84df9e=
7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636662523854357148&sdata=3DyB5%2BUm2W6=
TBwpc%2BOF4DvN8wPoo1dozUwz8eCepYhTyY%3D&reserved=3D0>
(510) 642-0329

--00000000000071da9205a70e3d4f
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr">Hi:<div><br></div><div>I would like to use &lt;details&gt;=
 as a child of &lt;figure&gt; but get an error message when running the Nu-=
HTML checker.=C2=A0</div><div><br></div><div>error: Element =E2=80=9Cdetail=
s=E2=80=9D not allowed as child of element =E2=80=9Cfigure=E2=80=9D in this=
 context. (Suppressing further errors from this subtree.)</div><div><br></d=
iv><div>I believe my use of &lt;details&gt; as a child of &lt;figure&gt; is=
 flagged because I am also using &lt;figcaption&gt; within the same &lt;fig=
ure&gt;. When &lt;details&gt; is a child of &lt;figcaption&gt; within the &=
lt;figure&gt;, the error goes away.=C2=A0</div><div><br></div><div>I also n=
oticed that when I use &lt;details&gt; as a child of &lt;figure&gt; that do=
es not have &lt;figcaption&gt;, there is no error.</div><div><br></div><div=
>I am wondering why the Nu_HTML validator allows &lt;details&gt;1) as a chi=
ld of &lt;figcaption&gt; and 2) as a child of &lt;figure&gt; when there is =
no &lt;figcaption&gt;, but not 3) as a child of &lt;figure&gt;, which also =
has &lt;figcaption&gt;.</div><div><br></div><div>Note: I have tested &lt;de=
tails&gt;=20

as a child of &lt;figure&gt; with a &lt;figcaption&gt; with Firefox, Chrome=
, and Edge and noticed that these browsers do support this combination.</di=
v><div><br></div><div>Thanks for your help,</div><div><br></div><div>Joseph=
</div><div><br></div><div><div><br></div>-- <br><div dir=3D"ltr" class=3D"g=
mail_signature" data-smartmail=3D"gmail_signature"><div dir=3D"ltr"><div><d=
iv dir=3D"ltr"><div><div dir=3D"ltr"><div><div dir=3D"ltr"><div><div><b sty=
le=3D"font-family:verdana,sans-serif;font-size:small;letter-spacing:0.2px">=
Alternate Media Supervisor</b><br></div><div dir=3D"ltr"><div dir=3D"ltr" s=
tyle=3D"color:rgb(0,0,0);font-family:-webkit-standard;font-style:normal;fon=
t-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text=
-transform:none;white-space:normal;word-spacing:0px;text-decoration:none"><=
div dir=3D"ltr"><div><div dir=3D"ltr"><div><div dir=3D"ltr"><div dir=3D"ltr=
"><div dir=3D"ltr"><div dir=3D"ltr"><div dir=3D"ltr"><div dir=3D"ltr"><div =
dir=3D"ltr"><div dir=3D"ltr"><div dir=3D"ltr"><div dir=3D"ltr"><div><font s=
ize=3D"2" face=3D"verdana,sans-serif">Disabled Students&#39; Program</font>=
</div><div><font size=3D"2" face=3D"verdana,sans-serif">University of Calif=
ornia, Berkeley</font></div><div><font size=3D"2" face=3D"verdana,sans-seri=
f"><a href=3D"https://nam02.safelinks.protection.outlook.com/?url=3Dhttps%3=
A%2F%2Fdsp.berkeley.edu%2F&amp;data=3D02%7C01%7C%7C4e0abffcb5b34567a22308d5=
e13137b3%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636662523854357148&am=
p;sdata=3DyB5%2BUm2W6TBwpc%2BOF4DvN8wPoo1dozUwz8eCepYhTyY%3D&amp;reserved=
=3D0" target=3D"_blank">https://dsp.berkeley.edu/</a></font><br></div><div>=
<font size=3D"2" face=3D"verdana,sans-serif">(510) 642-0329<br></font></div=
></div></div></div></div></div></div></div></div></div></div></div></div></=
div></div></div><div><br></div></div></div></div></div></div></div></div></=
div></div></div></div></div>

--00000000000071da9205a70e3d4f--