Right click menu broken when the bottom bar's align panel is set to justify

[yassine-safraoui]

Describe the Bug
Recently, I discovered a feature in VS Code's align panel that allowed me to make the bottom bar take up the whole width of the screen. This is useful for me as I mostly have the terminal there. However, when I tried to use Thunder Client while the bottom bar was open, it shrank the space of the sidebar. Subsequently, the right-click menu stopped working properly. Depending on where I right-clicked, sometimes it would appear on top of the element I clicked, even if there was not enough space there. Additionally, the three dots icon, which is supposed to show the same menu, was also broken for the same reason. After a bit of playing around I found that sometimes this happens because there isn't enough space for the the right click menu on both sides of the element, so in that case normally the menu should display where there is most space so that most of it is visible, here is an example:

To Reproduce

Right-click on the top of the bottom bar and set align panel to justify.
Open the activity panel in Thunder Client.
Try to right-click on anything near the top of the list of requests.
Here is a YouTube short that illustrates how to enable the justified bottom bar: YouTube Short.

Expected Behavior
The right-click menu should appear where there the largest amount of space. For the list elements near the top of the list, it should appear below the element even it's slightly clipped.

Platform:

• OS: Ubuntu 22.04.4 LTS
• VS Code Version: 1.89.1
• Node Version: v20.10.0
• Extension Version: v2.23.0 (free version)

[rangav]

Thanks @yassine-safraoui for reporting the bug, I will look into it.