[v4 alpha] Overline adds extra space after text

Issue Summary

In 4.0.0-alpha.1, overline adds extra horizontal space after the text it wraps. This does not happen with 3.2.2. The bug only affects \overline, not \bar.

Steps to Reproduce:

This is the first step
This is the second step
Further steps, etc.

Any other information you want to share that is relevant to the issue being reported. Especially, why do you consider this to be a bug? What do you expect to happen instead?

Technical details:

MathJax Version: 4.0.0-alpha-1
Client OS: Fedora 37
Browser: Chromium 109.0.5414.119

The following is a script to reproduce the issue. The browser console did not have any error messages.

<!DOCTYPE html>
<html>
<head>
<title>Overline Test Page</title>
<!--
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>
        -->
<script type="text/javascript" id="MathJax-script" async
        src="https://cdn.jsdelivr.net/npm/mathjax@4.0.0-alpha.1/es5/tex-mml-chtml.js">
</script>
</head>
<body>
  <p>Overline over pi: $$f : \overline{\Pi} a : A . B$$</p>

  <p>Bar over pi: $$f : \bar{\Pi} a : A . B$$</p>

  <p>Overline over U: $$A : \overline{\mathcal{U}}(u)$$</p>

  <p>Bar over U: $$A : \bar{\mathcal{U}}(u)$$</p>
</body>
</html>

mathjax / MathJax

[v4 alpha] Overline adds extra space after text #3032

Issue Summary

Steps to Reproduce:

Technical details:

Output from 4.0.0-alpha-1

Output from 3.2.2