How to size Custom Work Item Form Control (Dropdown) correctly? about azure-devops-extension-sdk HOT 5 OPEN

You can calculated the required space from your extension and call
SDK.resize(undefiend, <yourheighthere>)
after opening and closing the dropdown.

from azure-devops-extension-sdk.

... in render()
<Dropdown
placeholder="Select a Value"
items={this.items}
onSelect={this.onSelect}
selection={this.selection}
onExpand={this.onExpand}
onCollapse={this.onCollapse}
/>
...

private onCollapse() {
  SDK.resize(undefined, 100)
};

private onExpand() {
  SDK.resize(undefined, 300)
};

I tried this one, but it still allocates lot of empty space in work item form. Am I missing something here.
Thank you.

from azure-devops-extension-sdk.

from azure-devops-extension-sdk.

Hi Georg

Yes, I did that change. Control just flashes and then closed. With those changes, its not event allowing us to select the values. It is always re-rendering.

--Chary

from azure-devops-extension-sdk.

Hi Georg

I am somewhat able to achieve the required functionality of auto resizing. Following are steps performed:

1. Default height in the manifest json file is 50
2. Added onExpand as mentioned in the previous note i.e. height to 200
3. Removed onCollapse, as this is causing that dropdown is never loaded. Do not know the reasons for this behavior 
4. Reducing the control height to 50 upon Item selection or valueUpdate

Issues:

1. Upon first click, control is not completely expanded in layout. Subsequent clicks don't have any problem.
2. Once a value is selected and if we re-click the dropdown field is getting expanded but never collapse until we select another/same value
   Can you please let us know at least how to fix these issues.

Thank you
Chary

from azure-devops-extension-sdk.