<s-tooltip> not showing on <s-button-group>?

Polaris
1

Hi,

I would like to use “s-tooltip” for the buttons in “s-button-group”.

However, when I do this, no tooltips are displayed.

However, if I remove the “s-button-group” again, it is displayed correctly as usual.

Is this intentional or a bug? I couldn’t find anything in the documentation that said this wasn’t allowed. In my opinion, it would be important if you only have pure icons as a group.

Here are my examples for you to try out:

Works:

<s-tooltip id={`edit-tooltip`}>
  Bearbeiten
</s-tooltip>
<s-button
  interestFor={`edit-tooltip`}
  ref={`/beispiele/${getIdFromGid(node.id)}/edit`}
  variant="primary"
  >
  <s-icon type="edit"></s-icon>
</s-button>

Doesn’t work:

<s-button-group>
  <s-tooltip id={`edit-tooltip`}>
    Bearbeiten
  </s-tooltip>
  <s-button
    slot="secondary-actions"
    interestFor={`edit-tooltip`}
    href={`/beispiele/${getIdFromGid(node.id)}/edit`}
    variant="secondary"
    >
    <s-icon type="edit"></s-icon>
  </s-button>
</s-button-group>