vueComponent / ant-design-vue

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
https://antdv.com/
Other
20.24k stars 3.79k forks source link

drawer 内嵌渲染在当前 dom 里自定义容器 按照官网案例 代码 drawer不显示 #6728

Closed LXJ-ziLiang closed 1 year ago

LXJ-ziLiang commented 1 year ago

Version

3.2.20

Environment

vue3.2.37

Reproduction link

https://antdv.com/components/drawer-cn/#components-drawer-demo-multi-level-drawer

Steps to reproduce

<div :style="{ height: '200px', overflow: 'hidden', position: 'relative', border: '1px solid #ebedf0', borderRadius: '2px', padding: '48px', textAlign: 'center', background: '#fafafa', width: '100%' }"

Render in this

Open

<a-drawer title="Basic Drawer" placement="right" :closable="false" :visible="visible" :get-container="false" :style="{ position: 'absolute' }" @close="onClose"

Some contents...

What is expected?

drawer 显示在父级元素内

What is actually happening?

复制黏贴 官网案例代码 drawer 不显示

LXJ-ziLiang commented 1 year ago
image image

嵌入位置是对的 但是 没有高度 显示不出来

aibayanyu20 commented 1 year ago

具体为什么不显示出来建议提交一个复现的最小demo,官网例子我点了一下没有复现你的问题

github-actions[bot] commented 1 year ago

Hello @LXJ-ziLiang. Please provide a online reproduction by forking this link for vue2link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @LXJ-ziLiang, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

LXJ-ziLiang commented 1 year ago
image

找到问题了 是我全局设置的一个css position:relative 去了就行

github-actions[bot] commented 3 months ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.