#6461 Property Grid - Two button links have the focused style at the same time

packages/survey-creator-angular/src/questions/question-link-value.component.html

@@ -3,7 +3,7 @@
     [disabled]="!model.isClickable" [classes]="model.linkSetButtonCssClasses" [title]="model.tooltip" [iconName]="model.iconName">
   </svc-action-button>
   <ng-container *ngIf="!model.isReadOnly && model.showClear">
-    <svc-action-button [text]="clearCaption" [click]="model.doClearClick.bind(model)" [selected]="model.isSelected"
+    <svc-action-button [text]="clearCaption" [click]="model.doClearClick.bind(model)"
       [disabled]="false" [classes]="model.linkClearButtonCssClasses">
     </svc-action-button>
   </ng-container>

packages/survey-creator-react/src/QuestionLinkValue.tsx

@@ -17,7 +17,6 @@ export class SurveyQuestionLinkValue extends SurveyQuestionElementBase {
         <ActionButton
           classes={this.question.linkClearButtonCssClasses}
           click={() => this.question.doClearClick()}
-          selected={this.question.isSelected}
           text={editorLocalization.getString("pe.clear")}
         ></ActionButton>
       );

packages/survey-creator-vue/src/questions/LinkValue.vue

@@ -15,7 +15,6 @@
     v-if="!question.isReadOnly && question.showClear"
     :text="clearCaption"
     :click="question.doClearClick.bind(question)"
-    :selected="question.isSelected"
     :disabled="false"
     :classes="question.linkClearButtonCssClasses"
   >

visualRegressionTests/tests/designer/pg-data-action-button.ts

@@ -49,3 +49,35 @@ test("Check states", async (t) => {
     await takeElementScreenshot("action-clear-button-hovered.png", clearButtonElement, t, comparer);
   });
 });
+
+test("Default value clear button", async (t) => {
+  await wrapVisualTest(t, async (t, comparer) => {
+    await t.resizeWindow(1920, 870);
+
+    const generalTab = Selector("h4").withExactText("General");
+    const dataTab = Selector("h4").withExactText("Data");
+    await setJSON({
+      "pages": [
+        {
+          "name": "page1",
+          "elements": [
+            {
+              "type": "text",
+              "name": "question1",
+              "defaultValue": "text"
+            }
+          ]
+        }
+      ]
+    });
+
+    await t
+      .click(Selector(".svc-question__content"))
+      .click(generalTab)
+      .click(dataTab)
+      .click(Selector(".svc-action-button.svc-question-link__set-button").withText("Change Default Answer"));
+    const buttons = Selector(".spg-link");
+    await takeElementScreenshot("action-buttons-on-popup-open.png", buttons, t, comparer);
+  });
+});
+