debug: set the value of select component in DebugBreakpointWidget (#…

…12567)

Fixes #12547.

The commit fixes an issue with the `DebugBreakpointWidget` where the current value in the select component was not properly set.

packages/debug/src/browser/editor/debug-breakpoint-widget.tsx

@@ -92,6 +92,8 @@ export class DebugBreakpointWidget implements Disposable {
         }
     }
 
+    private readonly selectComponentRef = React.createRef<SelectComponent>();
+
     @postConstruct()
     protected init(): void {
         this.doInit();
@@ -219,13 +221,18 @@ export class DebugBreakpointWidget implements Disposable {
         if (this._input) {
             this._input.getControl().setValue(this._values[this.context] || '');
         }
+        const selectComponent = this.selectComponentRef.current;
+        if (selectComponent && selectComponent.value !== this.context) {
+            selectComponent.value = this.context;
+        }
         this.selectNodeRoot.render(<SelectComponent
             defaultValue={this.context} onChange={this.updateInput}
             options={[
                 { value: 'condition', label: nls.localizeByDefault('Expression') },
                 { value: 'hitCondition', label: nls.localizeByDefault('Hit Count') },
                 { value: 'logMessage', label: nls.localizeByDefault('Log Message') },
             ]}
+            ref={this.selectComponentRef}
         />);
     }