@Arnabdaz please take a look at this. I have already started working on this. please assign this to me.

Also please let me know if you want any changes in the issue

@Chandrachur67 you can work on the issue check now the tabsbar must also be having the same issue after merging #223 fix that also ... mostly its a issue of z-index.

@Arnabdaz thank you so much. I will surely consider the changes in #223 .

I need some clarifications regarding the solution

Which solution you want me to implement

1. Making the ElementsPanel appear on top of Navbar making it always free to move (using z-index).
2. Restricting the ElementsPanel to not overlap with the Navbar

clarifications needed regarding approach 1:
The z-index of draggable elements should be the highest or do you want it to be less than some specific elements?

clarifications needed regarding approach 2:
Do you want the draggable elements to be strictly under the div with simulationArea or is it ok if the top part that is used to drag or the header is inside that div and some bottom part can go little out of bound? The first case is slightly complicated as we have to take the height of the non-header part also into consideration.

Thanks again.

We would go with 1

Check the old simulator at circuitverse.org/simulator implement as it is in there.

Also when the tabsbar expand make sure the tabsbar is above the panels.

Thanks for the clarification. The solution is almost ready. I will raise a pr very soon.