[field] Label doesn't blur unlinked input on mouse down

[oliviertassinari]

Steps to reproduce

Steps:

1. https://deploy-preview-477--base-ui.netlify.app/base-ui/react-field/#controlled-validity / https://master--base-ui.netlify.app/components/react-field/#realtime-and-async-validation

Screen.Recording.2024-09-05.at.22.32.52.mov

Current behavior

Doesn't blur on mouse down

Expected behavior

Should blue on mouse down

Screen.Recording.2024-09-05.at.22.37.49.mov

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

Context

I noticed this on #477. It got me a bit confused at first, I wasn't sure I clicked right when I didn't saw the input blurred, or it made me feel a bit like the UI is unresponsive.

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: -

[atomiks]

I much prefer that it doesn't blur the label's own/linked input, which always felt strange to me. However I guess unrelated/unliked ones should still blur

[oliviertassinari]

I guess unrelated/unliked ones should still blur

💯

I much prefer that it doesn't blur the label's own/linked input, which always felt strange to me.

Tricky, it feels like the UI is lagging if I don't see the input blur when I mouse down on something else.

https://mui.com/material-ui/react-text-field/#basic-textfield feels right:

Screen.Recording.2024-09-11.at.20.12.12.mov