Last item's <select> must be visible.

Signed-off-by: Akos Kitta <[email protected]>

Author: Akos Kitta

Diff for: arduino-ide-extension/src/browser/widgets/component-list/component-list.tsx

@@ -1,3 +1,4 @@
+import 'react-virtualized/styles.css';
 import * as React from '@theia/core/shared/react';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
 import {
@@ -101,10 +102,13 @@ export class ComponentList<T extends ArduinoComponent> extends React.Component<
   private clear(index: number): void {
     this.cache.clear(index, 0);
     this.list?.recomputeRowHeights(index);
-    // Update the last item if the if the one before was updated
-    if (index === this.props.items.length - 2) {
-      this.cache.clear(index + 1, 0);
-      this.list?.recomputeRowHeights(index + 1);
+    // The last two items are special as the required height of the
+    // container might change when hovering over those two last items.
+    if (
+      index === this.props.items.length - 1 ||
+      index === this.props.items.length - 2
+    ) {
+      this.list?.recomputeGridSize();
     }
   }