[Bug]: ComposedModal has a mouse up event that's causing issues

[clairek20]

Package

carbon-components

Browser

Chrome

Package version

Most recent

Description

Modal will close when mousing up outside modal

Open https://carbon-components-react.netlify.app/?path=/docs/components-composedmodal--default
hightlight textbox to delete text and mouse up outside of modal - modal will close

CodeSandbox example

https://codesandbox.io/s/github/carbon-design-system/carbon/tree/main/packages/react/examples/codesandbox

Steps to reproduce

Open https://carbon-components-react.netlify.app/?path=/docs/components-composedmodal--default
hightlight textbox to delete text and mouse up outside of modal - modal will close

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

Hi @clairek20, have you tried setting the preventCloseOnClickOutside prop to true? In the playground story you can turn it on and off via the knobs pane. When checked, it prevents the modal from closing when clicking outside of the modal.

[tay1orjones]

Internal slack discussion confirming this as a resolution to the issue.