fix: respect outer visibility across Web Chat

OEvgeny · OEvgeny · commit d7df2339c941 · 2025-05-01T17:12:46.000Z
diff --git a/packages/component/src/Styles/StyleSet/ActivityCopyButton.ts b/packages/component/src/Styles/StyleSet/ActivityCopyButton.ts
@@ -27,6 +27,7 @@ export default function createActivityButtonStyle() {
 
       '@keyframes webchat__activity-copy-button__copied-animation': {
         '0%': {
+          // This is set during the animation only hence shouldn't spill when hidden from the above tree
           visibility: 'visible'
         },
 
diff --git a/packages/component/src/Styles/StyleSet/ThumbButton.ts b/packages/component/src/Styles/StyleSet/ThumbButton.ts
@@ -55,7 +55,7 @@ export default function () {
         width: 14,
 
         '&.webchat__thumb-button__image--is-stroked': {
-          visibility: 'visible'
+          visibility: 'unset'
         }
       },
 
@@ -66,7 +66,7 @@ export default function () {
           },
 
           '&.webchat__thumb-button__image--is-filled': {
-            visibility: 'visible'
+            visibility: 'unset'
           }
         }
       }
diff --git a/packages/fluent-theme/src/components/sendBox/TextArea.module.css b/packages/fluent-theme/src/components/sendBox/TextArea.module.css
@@ -14,7 +14,7 @@
 
 :global(.webchat-fluent) .sendbox__text-area--in-completion {
   .sendbox__text-area-doppelganger {
-    visibility: visible;
+    visibility: unset;
   }
 
   .sendbox__text-area-input {

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ export default function () {`
`55`	`55`	`width: 14,`
`56`	`56`
`57`	`57`	`'&.webchat__thumb-button__image--is-stroked': {`
`58`		`- visibility: 'visible'`
	`58`	`+ visibility: 'unset'`
`59`	`59`	`}`
`60`	`60`	`},`
`61`	`61`
`@@ -66,7 +66,7 @@ export default function () {`
`66`	`66`	`},`
`67`	`67`
`68`	`68`	`'&.webchat__thumb-button__image--is-filled': {`
`69`		`- visibility: 'visible'`
	`69`	`+ visibility: 'unset'`
`70`	`70`	`}`
`71`	`71`	`}`
`72`	`72`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@`
`14`	`14`
`15`	`15`	`:global(.webchat-fluent) .sendbox__text-area--in-completion {`
`16`	`16`	`.sendbox__text-area-doppelganger {`
`17`		`- visibility: visible;`
	`17`	`+ visibility: unset;`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.sendbox__text-area-input {`