DropdownMenu嵌套在 Tabs 等组件内部使用时下拉菜单位置错误 about vant

[github-actions]

Hello @youpeng-863. Please provide an online reproduction demo by codesandbox or a minimal GitHub repository. Issues marked with need reproduce will be closed if there is no activity within 3 days. For background, please refer to Why reproductions are required.

你好 @youpeng-863, 我们需要你提供一个在线的重现示例，以便于我们帮你排查问题。你可以通过点击 codesandbox 创建，或者提供一个最小化的 GitHub 仓库。如果 3 天内未跟进，此 issue 将会被自动关闭。背景请参考 为什么需要最小重现。

[youpeng-863]

我将会尽快提供一个在线实例以供参考

[inottn]

一般 teleport 和 auto-locate 不会同时使用，你可以试一下只使用 teleport 还会有这个问题吗。

auto-locate 适用于修正父级元素应用了 transform 样式时可能出现的定位偏差。

[youpeng-863]

在线的测试实例已经提供 https://weixin.zjcarcb.cn/QWApp/#/TestListHome；进入测试页后正常，但是点击新增按钮到下一个路由再返回就会出现问题，目前该实例中仅仅使用了auto-locate，关于你的建议如果需要我可以再次提供另一个测试实例。
但是有个很奇怪的问题，我在本地测试的时候并没有发现此问题，打包部署上线后就会出现。

[youpeng-863]

以下是两个测试实例的具体代码，与真实环境的差别就是去掉了鉴权和载入的数据是静态数据const listData = ref(Test.list);
TestListHome.txt
TestReportHome.txt

[youpeng-863]

仅使用teleport 的实例也已经提供 https://weixin.zjcarcb.cn/QWApp/#/TestListHome2
但似乎存在同样的问题。

[youpeng-863]

一般 teleport 和 auto-locate 不会同时使用，你可以试一下只使用 teleport 还会有这个问题吗。

auto-locate 适用于修正父级元素应用了 transform 样式时可能出现的定位偏差。
两个实例都已经提供但都没有解决问题

[inottn]

看了一下，和 teleport 或是 auto-locate 属性无关，因为跳转返回后，.van-dropdown-item__content 类的样式被覆盖掉了。

不清楚你项目具体的构建配置，你可以暂时通过设置 van-dropdown-item__content 的样式解决这个问题：

.van-dropdown-item__content {
  position: absolute !important;
}

[youpeng-863]

暂时使用teleport="body"并添加样式
.van-dropdown-item__content { position: absolute !important; } .van-dropdown-item__option--active { color: var(--van-dropdown-menu-option-active-color) !important; }
解决了问题，但样式为什么被覆盖暂时没找到问题，我们会在后续工作中持续关注这个问题，这两个测试实例将持续开放至1月15日，如果您有兴趣可以继续查看，需要配合也可以尽管留言或联系微信13849103232，我们将尽力配合调查，或者您可以直接关闭这个问题。