From 2c1cddd16997158d2a2281e253b80d1be1a59ab7 Mon Sep 17 00:00:00 2001
From: Luke Zhang <luke.zhang@microchip.com>
Date: Thu, 31 Oct 2024 14:16:17 -0400
Subject: [PATCH] Fix calculation of `SelectComponent` dropdown bottom

Signed-off-by: Luke Zhang <luke.zhang@microchip.com>
---
 packages/core/src/browser/widgets/select-component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/src/browser/widgets/select-component.tsx b/packages/core/src/browser/widgets/select-component.tsx
index 0e038e5a8043e..ae0a3845902a7 100644
--- a/packages/core/src/browser/widgets/select-component.tsx
+++ b/packages/core/src/browser/widgets/select-component.tsx
@@ -325,7 +325,7 @@ export class SelectComponent extends React.Component<SelectComponentProps, Selec
 
         return <div key="dropdown" className="theia-select-component-dropdown" style={{
             top: invert ? 'none' : this.state.dimensions.bottom,
-            bottom: invert ? shellArea.top + shellArea.height - this.state.dimensions.top : 'none',
+            bottom: invert ? shellArea.top - this.state.dimensions.top : 'none',
             left: this.alignLeft ? this.state.dimensions.left : 'none',
             right: this.alignLeft ? 'none' : shellArea.width - this.state.dimensions.right,
             width: Math.min(Math.max(this.state.dimensions.width, this.optimalWidth), maxWidth),