title: Is it possible to render a tooltip on a disabled MUI Button within a ButtonGroup without breaking the layout?
body: <p>I'm trying to create a MUI <code>ButtonGroup</code>  with disabled buttons and tooltip.</p>
  <p>The following code block shows the buttons correctly, but as described here (<a href="https://material-ui.com/components/tooltips/#disabled-elements" rel="noreferrer">https://material-ui.com/components/tooltips/#disabled-elements</a>) disabled elements cannot be provided with a tooltip.</p>
  <pre><code>&lt;ButtonGroup&gt;
      &lt;Tooltip title={&quot;This is button A&quot;}&gt;
          &lt;Button&gt;{&quot;Button A&quot;}&lt;/Button&gt;
      &lt;/Tooltip&gt;
      &lt;Tooltip title={&quot;This is button B&quot;}&gt;
          &lt;Button disabled&gt;{&quot;Button B&quot;}&lt;/Button&gt;
      &lt;/Tooltip&gt;
  &lt;/ButtonGroup&gt;
  </code></pre>
  <p>But if I add a <code>span</code> around the disabled button the group layout will be destroyed.</p>
  <pre><code>&lt;ButtonGroup&gt;
      &lt;Tooltip title={&quot;This is button A&quot;}&gt;
          &lt;Button&gt;{&quot;Button A&quot;}&lt;/Button&gt;
      &lt;/Tooltip&gt;
      &lt;Tooltip title={&quot;This is button B&quot;}&gt;
          &lt;span&gt;
              &lt;Button disabled&gt;{&quot;Button B&quot;}&lt;/Button&gt;
          &lt;/span&gt;
      &lt;/Tooltip&gt;
  &lt;/ButtonGroup&gt;
  </code></pre>