drawer: mouse up event closes drawer event if mouse down started within the drawer's content

[annsch]

Which generators are affected?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

• Open a drawer example on this page: https://design-system.deutschebahn.com/core-web/version/v4.2.4/components/layout/drawer/overview
• Leave the mouse down while moving from drawer to backdrop
• Trigger the mouse up event outside the drawer

Now the drawer is closed.

Expected Behaviour

A mouse up event fired after an mouse down event within the drawer shouldn't trigger the close. Here's an working example of MUI: https://mui.com/material-ui/react-drawer/

Screenshots

No response

Browser version

None

Add any other context about the problem here.

No response

Which DB business unit do you work for?

None

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

No response

What project are you working on?

No response

[mfranzke]

@annsch thanks a lot for your feedback. What's the use case for this – pressing a pointer device within the drawer, moving the pressed pointer to the outside of the drawer and releasing it over there, not expecting the drawer to close? Even on e.g. MacOS Finder it behaves comparable (in that case, dragging a file to another window, hovering over that other window and this one gets focused than).

[annsch]

hi @mfranzke We use a lot of forms in our drawer components. In cases you like to e.g. mark an input element's content with the user's mouse and if the input is very near to the drawers end our user reported this behaviour as a noisy issue.