W3C Validator with HTML in <math>

Someone told me that the W3C validator
<https://validator.w3.org/detailed.html> refused to accept <input> inside
of leaf elements. I tried it with both <mi> and <mtext> -- the example
below uses <mi>. The page seemed to work fine in Chrome and Firefox.

Did I do something wrong? If not, is there anything we can do to get the
validator fixed?

     Neil


==================

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Input element in MathML</title>
<script type="module">
import { _MathTransforms } from '
https://github.com/w3c/mathml-polyfills/common/math-transforms.js'
import 'https://github.com/w3c/mathml-polyfills/menclose.js'
document.head.appendChild ( _MathTransforms.getCSSStyleSheet() );

window.addEventListener("DOMContentLoaded", () => {
 _MathTransforms.transform(document.body)
})
</script>
</head>

<body>
<h1>Input Field in MathML</h1>
<p>Adding the 'input' element breaks parsing in the W3C validator</p>
<math display='block'>
 <mrow>
  <mn>3</mn><mo>+</mo><mn>4</mn><mo>=</mo>
  <menclose notation="box"><mi><input type="text" size="2" id="answer"
name="answer/></mi></menclose>
 </mrow>
</math>
</body>

</html>

Received on Tuesday, 8 April 2025 22:37:12 UTC