From 310d651df82a704bf0e27445935b3af6fd8a1ad2 Mon Sep 17 00:00:00 2001 From: lewis-sanchez <87730006+lewis-sanchez@users.noreply.github.com> Date: Fri, 6 Aug 2021 12:51:10 -0700 Subject: [PATCH] Fix query database drop-down rendering location after resize (#16567) * Fix query database drop-down rendering location after resize * Revert "Fix query database drop-down rendering location after resize" This reverts commit 62481a93e696d4fa79ce40ecef3a2567a65dd20c. * Fixes drop down list rendering issues by closing the list on window resize * comment providing the explanation for new listener and checks if list is visible before hiding --- .../base/parts/editableDropdown/browser/dropdown.ts | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/sql/base/parts/editableDropdown/browser/dropdown.ts b/src/sql/base/parts/editableDropdown/browser/dropdown.ts index 9e8152424d..2d2c3f52fb 100644 --- a/src/sql/base/parts/editableDropdown/browser/dropdown.ts +++ b/src/sql/base/parts/editableDropdown/browser/dropdown.ts @@ -136,6 +136,16 @@ export class Dropdown extends Disposable implements IListVirtualDelegate } }); + /* + This event listener is intended to close the expanded drop down when the ADS shell window is resized + to prevent the list from rendering incorrectly at the top left corner of the window. + */ + this._register(DOM.addDisposableListener(window, DOM.EventType.RESIZE, () => { + if (this._isDropDownVisible) { + this._hideList(); + } + })); + this._register(DOM.addStandardDisposableListener(this._input.inputElement, DOM.EventType.KEY_DOWN, (e: StandardKeyboardEvent) => { switch (e.keyCode) { case KeyCode.Enter: