fix: reset issue on cached size of ctx menu items

Author: isekovanic

package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.js.snap

@@ -800,7 +800,9 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -852,7 +854,9 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -1683,7 +1687,9 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -1735,7 +1741,9 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -2566,7 +2574,9 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -2618,7 +2628,9 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [

package/src/components/MessageInput/__tests__/__snapshots__/SendButton.test.js.snap

@@ -789,7 +789,9 @@ exports[`SendButton should render a SendButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -841,7 +843,9 @@ exports[`SendButton should render a SendButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -1661,7 +1665,9 @@ exports[`SendButton should render a disabled SendButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [
@@ -1713,7 +1719,9 @@ exports[`SendButton should render a disabled SendButton 1`] = `
         style={
           [
             {
+              "height": 0,
               "opacity": 0,
+              "width": 0,
             },
             {
               "transform": [

package/src/contexts/overlayContext/MessageOverlayHostLayer.tsx

@@ -230,7 +230,7 @@ export const MessageOverlayHostLayer = ({ BackgroundComponent }: MessageOverlayH
   );
 
   const topItemStyle = useAnimatedStyle(() => {
-    if (!topVisualY.value || !topH.value) return { opacity: 0 };
+    if (!topVisualY.value || !topH.value) return { opacity: 0, height: 0, width: 0 };
     const horizontalPosition = I18nManager.isRTL ? { right: topH.value.x } : { left: topH.value.x };
     return {
       height: topH.value.h,
@@ -249,7 +249,7 @@ export const MessageOverlayHostLayer = ({ BackgroundComponent }: MessageOverlayH
   });
 
   const bottomItemStyle = useAnimatedStyle(() => {
-    if (!bottomVisualY.value || !bottomH.value) return { opacity: 0 };
+    if (!bottomVisualY.value || !bottomH.value) return { opacity: 0, height: 0, width: 0 };
     const horizontalPosition = I18nManager.isRTL
       ? { right: bottomH.value.x }
       : { left: bottomH.value.x };