ButtonGroup inside Label hover state styling bug

[adidahiya]

Environment

• Package version(s): core v4.3.0
• Operating System: macOS
• Browser name and version: Chrome

Code Sandbox

https://codesandbox.io/s/blueprint-sandbox-forked-ge4jfc?file=/src/CoreExample.tsx

Steps to reproduce

1. Hover over label text

Actual behavior

First button in group styling changes to hover state. This is confusing because the first button continues to appear hovered even when a user hovers over one of the other buttons -- this makes it ambiguous what may be selected or clicked on "mousedown".

Expected behavior

No button hover styling when hovering over the label text. When hovering over one of the buttons, only that one should get hover styling.

Possible solution

[adidahiya]

This also applies to Label > Select > Button (and probably all Label > Button). It's confusing because clicking on the label text doesn't actually activate the button:

[adidahiya]

It looks like this issue was present in Blueprint v3 too, and we haven't gotten any complaints of it yet. Therefore, i'm downgrading this to P3.