fix(MessageBar): Add additional specificity to input bar

rebeccaalpert · rebeccaalpert · commit 0a58646ceaa8 · 2025-02-18T13:16:24.000-05:00
Input bar works in Ansible, allegedly. ShadowBot team was noticing that the specificity needed to be a little higher. This should get them where they need to be.
diff --git a/packages/module/src/MessageBar/MessageBar.scss b/packages/module/src/MessageBar/MessageBar.scss
@@ -68,13 +68,13 @@
   .pf-v6-c-form-control__textarea:focus-visible {
     outline: none;
   }
-  textarea {
+  .pf-v6-c-form-control > textarea {
     outline-offset: 0px;
     --pf-v6-c-form-control--PaddingBlockStart: 0;
     --pf-v6-c-form-control--PaddingBlockEnd: 0;
     --pf-v6-c-form-control--BorderRadius: 0;
   }
-  textarea:focus-visible {
+  .pf-v6-c-form-control > textarea:focus-visible {
     outline: none;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -68,13 +68,13 @@`
`68`	`68`	`.pf-v6-c-form-control__textarea:focus-visible {`
`69`	`69`	`outline: none;`
`70`	`70`	`}`
`71`		`- textarea {`
	`71`	`+ .pf-v6-c-form-control > textarea {`
`72`	`72`	`outline-offset: 0px;`
`73`	`73`	`--pf-v6-c-form-control--PaddingBlockStart: 0;`
`74`	`74`	`--pf-v6-c-form-control--PaddingBlockEnd: 0;`
`75`	`75`	`--pf-v6-c-form-control--BorderRadius: 0;`
`76`	`76`	`}`
`77`		`- textarea:focus-visible {`
	`77`	`+ .pf-v6-c-form-control > textarea:focus-visible {`
`78`	`78`	`outline: none;`
`79`	`79`	`}`
`80`	`80`	`}`