Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Clicks not working after closing modals

See original GitHub issue

Description

When I close a modal, I expect to be able to click on buttons (or any interactive ui element) but I can’t click anywhere as if every element were disabled.

It seems to be due to the div with the class chakra-modal__content-container that is still present on top.

https://user-images.githubusercontent.com/30215564/208254138-cd6f7adf-ad04-4e76-9262-6f8eb201a369.mov

https://user-images.githubusercontent.com/30215564/208254209-9f8cc2dd-457e-49a3-9120-01362f1da6d7.mov

Link to Reproduction

n/a

Steps to reproduce

No response

Chakra UI Version

2.4.4

Browser

Google Chrome 108

Operating System

macOS
Windows
Linux

Additional Information

No response

Issue Analytics

State:
Created 9 months ago
Comments:7 (1 by maintainers)

Top GitHub Comments

1reaction

leonard-henriquezcommented, Dec 22, 2022

I had two different version of framer-motion. I upgraded both to the last version (8.0.1) and it now seem to work ! Thank you!

0reactions

segunadebayocommented, Dec 22, 2022

Hi @leonard-henriquez,

What version of framer-motion are you using?

Top Results From Across the Web

Unable to click anything after closing Bootstrap modal

The issue is because you're only hiding the modal UI, you're not clearing the overlay behind the modal which catches mouse events and...

Modal - Bootstrap

Clicking on the modal “backdrop” will automatically close the modal. Bootstrap only supports one modal window at a time. Nested modals aren't supported...

How to Close a Modal Window when users Click Outside it ...

First, we set up a click event listener on the document object. · Then we set up two ways/targets for closing the modal...

Modal dismiss button not working on click or modal.hide

Hello guys,. After I open a modal I cannot close it, nor with the dismiss button, nor with the modal('hide') method. It happens...

how to prevent closing the Modal after click a button inside a ...

Change the link button to a standard link that open the modal rathe than doing a post back. Change the JavaScript the shows...