Skip to content

[bug]: onFocusOutside on DialogContent not working #7847

@RuslanBuzadj

Description

@RuslanBuzadj

Describe the bug

When modal={false} is not set on the Dialog component onFocusOutside={e => {
e.preventDefault()
}}
on DialogContent
https://prnt.sc/CKNRmH_Bh1pK
does not allow interaction with input elements and scrolling that are rendered outside the modal window, for example, drop-down lists in ckeditor 5
https://prnt.sc/ZYmbMtaRUfOn
https://prnt.sc/Mz4hO_9iC4P_

Affected component/components

DialogContent, Dialog

How to reproduce

  1. <DialogContent
    onFocusOutside={e => {
    e.preventDefault()
    }}
    onPointerDownOutside={e => {
    e.preventDefault()
    }}
    >
  2. Does not allow interaction with input elements and scrolling that are rendered outside the modal window

Codesandbox/StackBlitz link

No response

Logs

System Info

All

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions