Remove unnecessary opacity override for Firefox placeholders (#69312)

* Remove unnecessary opacity override for Firefox placeholders * Changelog: Add entry for TextareaControl * Move changelog entry under the Enhancement section. Co-authored-by: himanshupathak95 <[email protected]> Co-authored-by: afercia <[email protected]>
WordPress · Feb 27, 2025 · 18a4c0d · 18a4c0d · github-actions · Feb 27, 2025
1 parent 079996b
commit 18a4c0d
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 5 deletions.
diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss
@@ -284,7 +284,6 @@
 	}
 
 	&::-moz-placeholder {
-		opacity: 1; // Necessary because Firefox reduces this from 1.
 		color: $dark-gray-placeholder;
 	}
 

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -13,6 +13,7 @@
 
 ### Enhancement
 
+-   `TextareaControl`: Fix Firefox placeholder text opacity override ([#69312](https://github.com/WordPress/gutenberg/pull/69312)).
 -   `BorderControlDropdown`, `BorderControl`: Reset button is always visible. ([#69066](https://github.com/WordPress/gutenberg/pull/69066)).
 
 ### Internal

diff --git a/packages/components/src/textarea-control/styles/textarea-control-styles.ts b/packages/components/src/textarea-control/styles/textarea-control-styles.ts
@@ -62,7 +62,6 @@ export const StyledTextarea = styled.textarea`
 	}
 
 	&::-moz-placeholder {
-		opacity: 1; // Necessary because Firefox reduces this from 1.
 		color: ${ COLORS.ui.darkGrayPlaceholder };
 	}
 
@@ -76,7 +75,6 @@ export const StyledTextarea = styled.textarea`
 		}
 
 		&::-moz-placeholder {
-			opacity: 1; // Necessary because Firefox reduces this from 1.
 			color: ${ COLORS.ui.lightGrayPlaceholder };
 		}
 

diff --git a/packages/editor/src/components/post-text-editor/style.scss b/packages/editor/src/components/post-text-editor/style.scss
@@ -41,8 +41,6 @@ textarea.editor-post-text-editor {
 
 	&::-moz-placeholder {
 		color: $dark-gray-placeholder;
-		// Override Firefox default.
-		opacity: 1;
 	}
 
 	&:-ms-input-placeholder {
-Original file line number
+Diff line change
@@ Expand Up / @@ -284,7 +284,6 @@ @@
     	}
     	&::-moz-placeholder {
-    		opacity: 1; // Necessary because Firefox reduces this from 1.
     		color: $dark-gray-placeholder;
     	}
@@ Expand Down @@