When Multiselect inside of label tag, click on it is not showing dropdown panel

[vytya]

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)
https://codesandbox.io/s/youthful-pike-v13hq

Current behavior
When user clicks on text inside of label tag, Multiselect dropdown is working, but when clicks on field - dropdown isn't showing. On some time in DOM appears a dropdown panel, but immediately hides.

Expected behavior
Click on any part of input group (Multiselect + label text) should show dropdown panel.

Minimal reproduction of the problem with instructions
Wrap Multiselect in <label></label>.
Dropdown component are working well with this label wrapping, but not Multiselect.
Also, as workaround could be setting for label tag htmlFor='', but in that case text of a label become not clickable and not focusing input.

• Please tell us about your environment:
  Win10, IntellijIdea

• React version:
  17.0.1

• PrimeReact version:
  6.5.1

• Browser:
  Last Chrome, FF

• Language:
  N/A