chakra-ui-vue-next icon indicating copy to clipboard operation
chakra-ui-vue-next copied to clipboard

Published 20 hours ago • verified publisher icon chakra-ui

Modal and Dialog not working

Open D-Lite opened this issue 2 years ago • 0 comments

Bug report

Modal and Dialog not working in the new releases

Describe the bug

Error Note: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'color')

To reproduce

  1. Go to the simple modal page https://github.com/chakra-ui/chakra-ui-vue-next/blob/develop/packages/c-modal/examples/modal-simple.vue
  2. Try out the example on the page

Minimal reproduction

Codesandbox reproducible page: https://codesandbox.io/s/stupefied-frost-58rg3p?file=/src/App.vue

Official Chakra CodeSandbox templates:

Expected behavior

A modal / dialog should open up easily. Just like on this page: https://chakra-ui.com/docs/components/modal/usage

System information

  • OS: [Windows]
  • Browser (if applies): [Chrome]
  • Version of @chakra-ui/vue-next
  • Version of Node.js: [e.g. 20]

D-Lite avatar Sep 10 '23 00:09 D-Lite