fix: update Dropdown and MultiSelect to handle interactive labels

[adamalston]

Closes #16987

Updated Dropdown and MultiSelect to handle interactive labels.

Changelog

Changed

• Updated Dropdown and MultiSelect to handle interactive labels.

Testing / Reviewing

yarn test packages/react/src/components/Dropdown packages/react/src/components/MultiSelect

I tried to write a test for these changes. I couldn't get it to pass. I think it has something to do with the changing visibility of the popover and its visibility from the test's perspective. Curious to hear if anyone has suggestions to test these changes. Alternatively, I created Storybook entries.

it('should not steal the focus from interactive elements in titleText', async () => {
  render(
    <Dropdown
      {...mockProps}
      titleText={
        <>
          <ToggletipLabel>Dropdown label</ToggletipLabel>
          <Toggletip>
            <ToggletipButton>Info</ToggletipButton>
            <ToggletipContent>Tooltip content</ToggletipContent>
          </Toggletip>
        </>
      }
    />
  );
  await waitForPosition();

  // Initially, the toggletip content should not be visible
  expect(screen.queryByTestId('toggletip-content')).not.toBeVisible();

  // Click the toggletip button
  await userEvent.click(screen.getByTestId('toggletip-button'));

  // Wait for any asynchronous updates (if needed)
  await waitFor(() => {
    expect(screen.getByTestId('toggletip-content')).toBeVisible();
  });
});

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	456014d
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/67bf393f28c19000089a9f35
😎 Deploy Preview	https://deploy-preview-18643--v11-carbon-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	456014d
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/67bf393fddeb820008d354de
😎 Deploy Preview	https://deploy-preview-18643--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	456014d
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/67bf393fc3c1bc000877aa07
😎 Deploy Preview	https://deploy-preview-18643--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.97%. Comparing base (84fd364) to head (e82f778).

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #18643   +/-   ##
=======================================
  Coverage   84.97%   84.97%           
=======================================
  Files         408      408           
  Lines       14543    14545    +2     
  Branches     4765     4771    +6     
=======================================
+ Hits        12358    12360    +2     
  Misses       2023     2023           
  Partials      162      162           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[annawen1]

LGTM!