🐞 Bug: [ Draggable Panels Do Not Come to Front When Clicked if Overlapped ]

[Darshan808]

Is there an existing issue for this?

• I have searched the existing issues.

Describe the bug

When using the Vue simulator, there is an issue with the behavior of draggable panels such as the element panel, properties panel, timing diagram, etc. When these panels overlap, clicking on a panel that is behind another does not bring it to the front as expected. This issue affects the usability of the simulator, as it makes it difficult to focus on and interact with a specific panel when multiple panels are open and overlapping each other.
Also there is an existing z-index issue with navbar.

Steps to Reproduce

1. Go to /simulator page.
2. Drag one (or multiple) draggable panels on top of each other.
3. Click one panel to bring it front
4. It doesn't respond to click

Expected Behavior

I expected that clicking on any overlapped draggable panel would bring it to the front, allowing it to be actively used and interacted with.
Also there is still dropdown menu issue with tabsbar.

Screenshots

Is the faced issue/bug related to the Vue simulator?

Yes

Used Vue simulator with or without backend?

Without Backend

Is the bug present only on the dev server, the build, or both?

Both

Device Information

No response

Additional Context

No response

Are you working on this issue?

Yes