Open yionr opened 5 months ago
https://codesandbox.io/p/devbox/vant-popover-bug-with-teleport-gfwycf?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cluxi90j900083j6gnf9mgre5%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cluxi90j900033j6gc23y5ukq%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cluxi90j900053j6ghg61imdn%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cluxi90j900073j6gqpk8uy91%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B64.14372655%252C35.85627345%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cluxi90j900033j6gc23y5ukq%2522%253A%257B%2522id%2522%253A%2522cluxi90j900033j6gc23y5ukq%2522%252C%2522tabs%2522%253A%255B%255D%257D%252C%2522cluxi90j900073j6gqpk8uy91%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluxi90j900063j6gfgl3fmzb%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522pnpm%2520run%2520dev%2522%252C%2522port%2522%253A5173%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522cluxi90j900073j6gqpk8uy91%2522%252C%2522activeTabId%2522%253A%2522cluxi90j900063j6gfgl3fmzb%2522%257D%252C%2522cluxi90j900053j6ghg61imdn%2522%253A%257B%2522id%2522%253A%2522cluxi90j900053j6ghg61imdn%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluxi90j900043j6g14oscw8d%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522pnpm%2520run%2520dev%2522%257D%252C%257B%2522id%2522%253A%2522cluxib8ny00go3j6geq41yn2x%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522cluxib9b3004sdhhubwgb20vl%2522%257D%255D%252C%2522activeTabId%2522%253A%2522cluxi90j900043j6g14oscw8d%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D
4.8.10
popover的reference使用floating-bubble 组件时,popover 弹框的位置不正确
No response
遇到同样的问题,现在有解决方案吗?
我改用FloatingBubble + ActonSheet 两个组合了 😞
遇到同样的问题,现在有解决方案吗? 我改用FloatingBubble + ActonSheet 两个组合了 😞
我们既然使用了同一种方案😂
重现链接
https://codesandbox.io/p/devbox/vant-popover-bug-with-teleport-gfwycf?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cluxi90j900083j6gnf9mgre5%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cluxi90j900033j6gc23y5ukq%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cluxi90j900053j6ghg61imdn%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cluxi90j900073j6gqpk8uy91%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B64.14372655%252C35.85627345%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cluxi90j900033j6gc23y5ukq%2522%253A%257B%2522id%2522%253A%2522cluxi90j900033j6gc23y5ukq%2522%252C%2522tabs%2522%253A%255B%255D%257D%252C%2522cluxi90j900073j6gqpk8uy91%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluxi90j900063j6gfgl3fmzb%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522pnpm%2520run%2520dev%2522%252C%2522port%2522%253A5173%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522cluxi90j900073j6gqpk8uy91%2522%252C%2522activeTabId%2522%253A%2522cluxi90j900063j6gfgl3fmzb%2522%257D%252C%2522cluxi90j900053j6ghg61imdn%2522%253A%257B%2522id%2522%253A%2522cluxi90j900053j6ghg61imdn%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluxi90j900043j6g14oscw8d%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522pnpm%2520run%2520dev%2522%257D%252C%257B%2522id%2522%253A%2522cluxib8ny00go3j6geq41yn2x%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522cluxib9b3004sdhhubwgb20vl%2522%257D%255D%252C%2522activeTabId%2522%253A%2522cluxi90j900043j6g14oscw8d%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D
Vant 版本
4.8.10
描述一下你遇到的问题。
popover的reference使用floating-bubble 组件时,popover 弹框的位置不正确
重现步骤
设备/浏览器
No response