Conflict with modal dialogs in Chrome

brentd / xray-rails

☠️ A development tool that reveals your UI's bones

MIT License

1.22k stars 79 forks source link

Conflict with modal dialogs in Chrome #42

Closed jrhorn424 closed 3 years ago

jrhorn424 commented 10 years ago

I'm not certain what's causing the problem, but I'd be happy to help debug. Without xray-rails, a modal dialog provided by easyModal works as expected. With xray-rails, and using Chrome, the shroud overlays the modal and prevents interaction with underlying buttons. Clicking anywhere dismisses the modal.

example1

Everything works as expected in Firefox.

example2

My team has suggested it might be an issue with z-order. Possibly related to #22 and #24.

brentd commented 10 years ago

@jrhorn424 odd. so this happens even without actually activating xray's overlay with the keyboard shortcut?

jrhorn424 commented 10 years ago

@brentd Yes, exactly.

jrhorn424 commented 10 years ago

I believe this may be related to jquery 1.11. I'll need to do more research before reporting back.

jrhorn424 commented 10 years ago

Unfortunately, this problem persists in Chrome even with the latest jquery. Does chrome handle z-order in a weird way?