You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
The draggable ElementsPanel can be moved to overlap with the Navbar component and if we leave that there then we lose the functionality to move the ElementsPanel further because the Navbar appears on top of the ElementsPanel Component.
Move the ElementsPanel such that it overlaps the Navbar at the top of the screen.
Leave it there
Now try to move the ElementsPanel component
Error: You won't be able to move it.
Expected behavior
I can think of two possible solutions.
Making the ElementsPanel appear on top of Navbar making it always free to move.
Restricting the ElementsPanel to overlap with the Navbar
Screenshots
This is movable This is not movable
Device Information [optional]:
OS: macOS
Browser Brave
Version 1.61.109
Additional context
I think need to think of one more edge case i.e. when Navbar options are expanded. Considering this case the first possible solution seems better to me.
Are you working on this issue? (Yes/No)
Yes
The text was updated successfully, but these errors were encountered:
@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
Making the ElementsPanel appear on top of Navbar making it always free to move (using z-index).
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.
Describe the bug
The draggable ElementsPanel can be moved to overlap with the Navbar component and if we leave that there then we lose the functionality to move the ElementsPanel further because the Navbar appears on top of the ElementsPanel Component.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
I can think of two possible solutions.
Screenshots
This is movable
This is not movable
Device Information [optional]:
Additional context
I think need to think of one more edge case i.e. when Navbar options are expanded. Considering this case the first possible solution seems better to me.
Are you working on this issue? (Yes/No)
Yes
The text was updated successfully, but these errors were encountered: