fix(Popover): fix safari styling bug with Popover (#14221)

tw15egan · tay1orjones · web-flow · commit cdff026ee41c · 2023-07-17T16:45:37.000Z
Co-authored-by: Taylor Jones &lt;tay1orjones@users.noreply.github.com&gt;
diff --git a/packages/styles/scss/components/popover/_popover.scss b/packages/styles/scss/components/popover/_popover.scss
@@ -392,6 +392,10 @@ $popover-caret-height: custom-property.get-var(
     border-radius: 0;
   }
 
+  .#{$prefix}--popover--tab-tip .#{$prefix}--popover {
+    will-change: filter;
+  }
+
   .#{$prefix}--popover--tab-tip__button {
     @include button-reset.reset;
 

Original file line number	Diff line number	Diff line change
`@@ -392,6 +392,10 @@ $popover-caret-height: custom-property.get-var(`
`392`	`392`	`border-radius: 0;`
`393`	`393`	`}`
`394`	`394`
	`395`	`+ .#{$prefix}--popover--tab-tip .#{$prefix}--popover {`
	`396`	`+ will-change: filter;`
	`397`	`+ }`
	`398`	`+`
`395`	`399`	`.#{$prefix}--popover--tab-tip__button {`
`396`	`400`	`@include button-reset.reset;`
`397`	`401`