Skip to content

Conversation

CNSeniorious000
Copy link
Contributor

@CNSeniorious000 CNSeniorious000 commented May 10, 2023

🙏 Sorry for not created an Issue before this PR! But I've read what you did in 42c373a, 5691818, and ae35e15 carefully and know what I am doing.

Description

Setting closeOnOutsideClick to true causes two bug:

  1. When there are multiple modal nested, they always close together
  2. On mobile services it is even worse

However, there appears to be a simple and straightforward method to implement the desired close-on-outside-click functionality without encountering any issues as mentioned above.

Linked Issues

42c373a, 5691818, and ae35e15

Additional context

1. use `pointer-events-auto` to allow backdrop layer to receive event
2. bind a onclick to the backdrop layer
@netlify
Copy link

netlify bot commented May 10, 2023

Deploy Preview for chatgpt-demo-v2 ready!

Name Link
🔨 Latest commit 115094d
🔍 Latest deploy log https://app.netlify.com/sites/chatgpt-demo-v2/deploys/645bd9178238f500082ab75e
😎 Deploy Preview https://deploy-preview-21--chatgpt-demo-v2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@ddiu8081 ddiu8081 merged commit fb53af2 into anse-app:main May 10, 2023
@ddiu8081
Copy link
Member

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants