bx--modal-content--overflow-indicator should ignore mouse events

[yinglejia]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

carbon/packages/components/src/components/modal/_modal.scss

Line 276 in 2e21f40

.#{$prefix}--modal-content--overflow-indicator {

bx--modal-content--overflow-indicator overlays the modal content. It uses a fade, and users would expect to be able to click through it. Therefore it needs to set pointer-events: none. Otherwise it blocks the content beneath it.

Is this issue related to a specific component?

Modal.

What did you expect to happen? What happened instead? What would you like to
see changed?

What browser are you working in?

What version of the Carbon Design System are you using?

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

Steps to reproduce the issue

1. Step one
2. Step two
3. Step three
4. etc.

Please create a reduced test case in CodeSandbox

• Style and vanilla JS:
  https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/components/examples/codesandbox
• React:
  https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/react/examples/codesandbox

Additional information

• Screenshots or code
• Notes