blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

docs(DropdownMenu): add transform faq (#8567)

Browse Source
This commit is contained in:
neverland 2021-04-19 17:27:45 +08:00 committed by GitHub
parent 84e62dbbdf
commit b3e08777fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/dropdown-menu/README.zh-CN.md
View File

@ -222,3 +222,18 @@ export default {
| @dropdown-menu-option-active-color | `@red` | - |
| @dropdown-menu-content-max-height | `80%` | - |
| @dropdown-item-z-index | `10` | - |
## 常见问题
### 父元素设置 transform 后，下拉菜单的位置错误？
把 `DropdownMenu` 嵌套在 `Tabs` 等组件内部使用时，可能会遇到下拉菜单位置错误的问题。这是因为在 Chrome 浏览器中，transform 元素内部的 fixed 布局会降级成 absolute 布局，导致下拉菜单的布局异常。
将 `DropdownItem` 的 `teleport` 属性设置为 `body` 即可避免此问题：
```html
<van-dropdown-menu>
<van-dropdown-item teleport="body" />
<van-dropdown-item teleport="body" />
</van-dropdown-menu>
```