fix(Popover): fix hide popover when reference hidden (#8700)

* fix(Popover): fix hide popover when reference hidden

* test(Popover): add test

* fix(ImageBase): change hide image logic

* test: fix tests

Author: EldarMuhamethanov

packages/vkui/src/components/ImageBase/ImageBase.module.css

@@ -43,7 +43,6 @@
 
 .img {
   display: block;
-  visibility: hidden;
   inline-size: 100%;
   block-size: 100%;
   border: 0;
@@ -89,8 +88,8 @@
   );
 }
 
-.loaded .img {
-  visibility: visible;
+.host:not(.loaded) .img {
+  visibility: hidden;
 }
 
 .fallback {

packages/vkui/src/lib/floating/functions.test.ts

@@ -84,5 +84,28 @@ describe('floating/functions', () => {
         left: 0,
       });
     });
+
+    it('should return style with visibility: hidden, when reference hidden', () => {
+      expect(
+        convertFloatingDataToReactCSSProperties({
+          strategy: 'absolute',
+          x: 0,
+          y: 0,
+          middlewareData: {
+            hide: {
+              referenceHidden: true,
+            },
+          },
+        }),
+      ).toEqual({
+        position: 'absolute',
+        top: 0,
+        right: 'auto',
+        bottom: 'auto',
+        left: 0,
+        width: 'max-content',
+        visibility: 'hidden',
+      });
+    });
   });
 });