From 556dd9d2b16faa3f5ce3538078ac1793893aa6cc Mon Sep 17 00:00:00 2001 From: Alan Ren Date: Mon, 19 Apr 2021 23:46:23 -0700 Subject: [PATCH] add padding to editable dropdown (#15192) --- src/sql/base/parts/editableDropdown/browser/dropdown.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/sql/base/parts/editableDropdown/browser/dropdown.ts b/src/sql/base/parts/editableDropdown/browser/dropdown.ts index 44204154e7..df29c524f7 100644 --- a/src/sql/base/parts/editableDropdown/browser/dropdown.ts +++ b/src/sql/base/parts/editableDropdown/browser/dropdown.ts @@ -120,6 +120,9 @@ export class Dropdown extends Disposable implements IListVirtualDelegate // in the text box - we already have tooltips for each item in the dropdown itself. this._input.inputElement.title = ''; + // add the padding to the element show the the text won't overlap with the dropdown arrow + this._input.inputElement.style.paddingRight = '22px'; + this._inputContainer.setAttribute('role', 'combobox'); this._register(DOM.addDisposableListener(this._input.inputElement, DOM.EventType.CLICK, () => {