search

dxc-technology / halstack-react

Library of components for building SPAs with React and Halstack Design System
https://developer.dxc.com/halstack/
Apache License 2.0
15 stars 14 forks source link

Some components not working inside `Dialog` #1809

Closed Mil4n0r closed 7 months ago

Mil4n0r commented 7 months ago

Describe the bug

This bug seems to be related to #1515. The components that don't work as expected are Dropdown and Calendar.

It seems that the bug is related to the way focus events are handled, as both of those components are calling element.focus() at the same time as the FocusLock

To Reproduce

Example:

  1. Create a new React app using Vite.
  2. Install @dxc-technology\halstack-react package.
  3. Put DxcDropdown or DxcCalendar inside a DxcDialog
  4. Interact with the component inside the DxcDialog

Expected behaviour Both components must work the same way they do when they are outside of a Dialog

github-actions[bot] commented 7 months ago

Thank you for opening an issue! 🚀

Our team will review it as soon as possible. In the meantime, please make sure that you've provided all the necessary details to help us understand and address the issue effectively.

Feel free to contribute and participate in discussions!