Position node autocomplete UI against respective input port

[aparajit-pratap]

Purpose

https://jira.autodesk.com/browse/DYN-3174

Attempt at placing the node autocomplete UI aligned with the respective port.

This works as expected except for the first time you bring up the UI, for some reason. As can be seen in the gif, the first time, the UI is not spaced correctly from the port. It was observed that the reason for this is that the ActualWidth of the control is 250 the first time and subsequently it is 256. I'm not sure why this is the case 😕

Declarations

Check these if you believe they are true

• The codebase is in a better state after this PR
• Is documented according to the standards
• The level of testing this PR includes is appropriate
• User facing strings, if any, are extracted into *.resx files
• All tests pass using the self-service CI.
• Snapshot of UI changes, if any.
• Changes to the API follow Semantic Versioning and are documented in the API Changes document.
• This PR modifies some build requirements and the readme is updated

FYIs

@Amoursol

[Amoursol]

@aparajit-pratap looking great! 🙌

Can we simply change the initializing width to be 256 by default, then pick up actual width? Or is this only in one isolated case and could be different for other ones?

[QilongTang]

LGTM

[QilongTang]

@aparajit-pratap Would you try https://github.com/DynamoDS/Dynamo/blob/master/src/DynamoCoreWpf/Controls/NodeAutoCompleteSearchControl.xaml#L10? They may end up both working but I think limiting on the control itself may be cleaner

[QilongTang]

@aparajit-pratap LGTM