[pickers] While dragging outside of the clockface the selection won't trigger

[svidskiy]

Steps to reproduce

Link to live example: (required)

Example

Current behavior

The problem is as follows: if the mouse goes beyond the clock boundaries when selecting the time, the transition or closeOnSelect will not work, but in fact the value changes

IMG_3984.MOV

Expected behavior

Regardless of where the mouse is located, the trigger should work if we have chosen a value of

Context

No response

Your environment

npx @mui/envinfo

  System:
    OS: Windows 11 10.0.22631
  Binaries:
    Node: 18.18.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.2 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.6.0 - C:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Chromium (127.0.2651.74)
  npmPackages:
    @emotion/react: ^11.11.4 => 11.11.4 
    @emotion/styled: ^11.11.5 => 11.11.5 
    @mui/base:  5.0.0-beta.40 
    @mui/core-downloads-tracker:  5.15.17 
    @mui/icons-material: ^5.15.17 => 5.15.17 
    @mui/lab: ^5.0.0-alpha.170 => 5.0.0-alpha.170 
    @mui/material: ^5.15.17 => 5.15.17 
    @mui/private-theming:  5.16.6 
    @mui/styled-engine:  5.16.6 
    @mui/system:  5.16.7 
    @mui/types:  7.2.15 
    @mui/utils:  5.16.6 
    @mui/x-charts: ^7.12.1 => 7.12.1
    @mui/x-charts-vendor:  7.12.1
    @mui/x-data-grid:  7.3.2
    @mui/x-data-grid-pro: ^7.3.2 => 7.3.2
    @mui/x-date-pickers: ^7.4.0 => 7.4.0
    @mui/x-date-pickers-pro: ^7.4.0 => 7.4.0
    @mui/x-license:  7.2.0
    @types/react: ^18.2.66 => 18.2.79
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    typescript: ^5.2.2 => 5.4.5

Search keywords: pickers, time picker
Order ID: 89766

[michelengelen]

Hey @svidskiy ... this is expected behavior.
We do determine the fingers on the position of the cursor while dragging.
When leaving the clockface while dragging the finger (and selection) will remain in the position it was last recorded, so if the cursor comes back while still dragging it can pick up again.
It's also only logical that closeOnSelect does not trigger, since there was no selection event fired.
@LukasTy do you have anything to add or more insight into the behavior?

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@svidskiy: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

[LukasTy]

It's also only logical that closeOnSelect does not trigger, since there was no selection event fired.
LukasTy do you have anything to add or more insight into the behavior?

Thanks for the detailed answer @michelengelen. 🙏
You were on point, I can only confirm that the described behavior is expected.
If the author still thinks there is a problem here, then we need a bit more detailed information on what is expected and when. 😉