work for the surveyjs/survey-library#8209

surveyjs · Jun 4, 2024 · 218a33c · 218a33c
1 parent df2acdb
commit 218a33c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/packages/survey-creator-core/src/property-grid-theme/blocks/spg-input.scss b/packages/survey-creator-core/src/property-grid-theme/blocks/spg-input.scss
@@ -28,7 +28,9 @@
 }
 
 .spg-input:disabled,
-.spg-input:disabled::placeholder {
+.spg-input:disabled::placeholder,
+.spg-input:read-only,
+.spg-input:read-only::placeholder {
   color: $foreground;
   opacity: 0.25;
 }

diff --git a/visualRegressionTests/tests/designer/etalons/pg-input-disabled.png b/visualRegressionTests/tests/designer/etalons/pg-input-disabled.png
diff --git a/visualRegressionTests/tests/designer/etalons/pg-input-readonly.png b/visualRegressionTests/tests/designer/etalons/pg-input-readonly.png
diff --git a/visualRegressionTests/tests/designer/pg-editors.ts b/visualRegressionTests/tests/designer/pg-editors.ts
@@ -357,7 +357,7 @@ test("Property grid input all states", async (t) => {
     await takeElementScreenshot("pg-input-focused.png", input, t, comparer);
 
     await setInputProperty("readOnly", true);
-    await takeElementScreenshot("pg-input-disabled.png", input, t, comparer);
+    await takeElementScreenshot("pg-input-readonly.png", input, t, comparer);
   });
 });