search

etn-ccis / blui-react-component-library

Re-usable React components for use in Brightlayer UI applications
BSD 3-Clause "New" or "Revised" License
16 stars 10 forks source link

Temporary drawer in dev doc drawer playground causes the console to screen with errors #852

Open huayunh opened 6 months ago

huayunh commented 6 months ago

Describe the bug / expected behavior

Temporary drawer's code snippet triggers Uncaught RangeError: Maximum call stack size exceeded error in the console. This appears to exist only on the mobile view, and only with the temporary drawer.

What are the steps to reproduce?

  1. Go to Dev Doc Drawer playground (dev branch)
  2. Shrink your browser size to ensure it is showing the mobile view. Bring up the developer console in your browser to see the drama.
  3. In the "props & code" bottom sheet, set the drawer variant to be temporary
  4. Click on the "code" tab to view the generated code snippet.

Screenshots / Screen recording

https://github.com/etn-ccis/blui-react-component-library/assets/8997218/94192ec8-0c7c-4f8f-a614-9017aab10e4e