[TextField] Fix to handle onClick on root element

[LukasTy]

• I have followed (at least) the PR section of the contributing guide.

#36892 changed the onClick handling behavior on the TextField component.
Previously the callback used to be registered on the root element and pickers relied on it (mui/mui-x#6074) to correctly handle click -> open behavior regardless of where the click has been done.
Now we have a regression mui/mui-x#9386 on the mentioned behavior because the fix has basically been negated.

Closes mui/mui-x#9386

If you have any better suggestions on how to solve this conundrum—I'm open to suggestions.

We have considered and tried using onMouseDown, but it has its drawbacks and interferes with other component behavior.
One other easy fix would be to remove the z-index: 1 on the label and figure out another way to achieve the same fix.

[mui-bot]

Netlify deploy preview

https://deploy-preview-38072--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against ecb59eb

[mj12albert]

@LukasTy I think this fix is ok ~ getting around the z-index on the label seems harder but we could look into it for v6, as that comment is 5 years old already ~

[oliviertassinari]

I think the root problem is with #36892 (comment).

[oliviertassinari]

While this PR aims to fix a regression, I think it introduces another one, see https://codesandbox.io/s/suspicious-kirch-7wfhxw?file=/Demo.tsx

import * as React from "react";
import Box from "@mui/material/Box";
import TextField from "@mui/material/TextField";

export default function BasicTextFields() {
  return (
    <Box
      onClick={() => {
        console.log("Foo");
      }}
    >
      <TextField
        onClick={() => {
          console.log("textField");
        }}
      />
    </Box>
  );
}

"Foo" doesn't trigger anymore. I was triggered by seeing stopPropagation(). I think we should always see a flag https://css-tricks.com/dangers-stopping-event-propagation/. It can be fine, but it's rare.