fix(PopoutWrapper): add position (#5555)

Добавляем position: relative для правильного наложения элементов
VKCOM · Aug 2, 2023 · b5aa644 · b5aa644
1 parent 3e33a6b
commit b5aa644
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 3 deletions.
diff --git a/packages/vkui/src/components/ActionSheet/ActionSheet.module.css b/packages/vkui/src/components/ActionSheet/ActionSheet.module.css
@@ -1,5 +1,4 @@
 .ActionSheet {
-  position: relative;
   overflow: hidden;
   box-shadow: var(--vkui--elevation3);
   width: calc(100% - 20px);

diff --git a/packages/vkui/src/components/ModalDismissButton/Readme.md b/packages/vkui/src/components/ModalDismissButton/Readme.md
@@ -10,7 +10,6 @@ const CustomPopout = ({ onClose }) => {
         style={{
           backgroundColor: 'var(--vkui--color_background_content)',
           borderRadius: 8,
-          position: 'relative',
           padding: '12px',
         }}
       >

diff --git a/packages/vkui/src/components/PopoutWrapper/PopoutWrapper.module.css b/packages/vkui/src/components/PopoutWrapper/PopoutWrapper.module.css
@@ -55,6 +55,7 @@
   justify-content: center;
   width: 100%;
   pointer-events: none;
+  position: relative;
 }
 
 .PopoutWrapper__content > * {

diff --git a/packages/vkui/src/components/Popover/Popover.module.css b/packages/vkui/src/components/Popover/Popover.module.css
@@ -16,6 +16,10 @@
   left: calc(-1 * var(--vkui_internal--popover_safe_zone_padding));
 }
 
+.Popover__in {
+  position: relative;
+}
+
 @keyframes vkui-popover-fadein {
   from {
     opacity: 0;

diff --git a/packages/vkui/src/components/Popover/Popover.tsx b/packages/vkui/src/components/Popover/Popover.tsx
@@ -186,7 +186,7 @@ export const Popover = ({
           }
           renderContent={({ className: wrapperClassName }) => (
             <FocusTrap
-              className={wrapperClassName}
+              className={classNames(styles['Popover__in'], wrapperClassName)}
               onClose={handleContentKeyDownEscape}
               restoreFocus={restoreFocus}
             >