Skip to content

Tour组件很大概率出现popover定位错误的问题 #3224

Open
@Amerss

Description

@Amerss

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

3.0.9

平台

weapp

重现链接

https://codesandbox.io/p/devbox/infallible-sky-skgxmf

重现步骤

// steps
const steps: TourList[] = [
  {
    content: "xxxxxx",
    target: "generate-tab",
    location: "top",
  },
...
]
 <Tour
     complete="完成"
     showPrev={false}
     visible={showTour}
     closeOnOverlayClick
     onChange={(e) => {
        console.log("onChange", e);
     }}
     onClose={() => {
       setShowTour(false);
     }}
     list={steps}
  />

第一步 很大几率出现以下这种情况,导致无法进入到第二步

Image

以下是控制台信息,可以看得出来计算出的定位已经偏离很远了

Image

期望的结果是什么?

期望可以正常展示popover

实际的结果是什么?

安卓、ios都会出现类似问题,大概5次会出现一次

环境信息

Taro v4.0.12

Taro CLI 4.0.12 environment info:
System:
OS: macOS 15.4.1
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.14.0 - ~/.nvm/versions/node/v22.14.0/bin/node
npm: 10.9.2 - ~/.nvm/versions/node/v22.14.0/bin/npm
npmPackages:
@tarojs/cli: 4.0.12 => 4.0.12
@tarojs/components: 4.0.12 => 4.0.12
@tarojs/helper: 4.0.12 => 4.0.12
@tarojs/plugin-framework-react: 4.0.12 => 4.0.12
@tarojs/plugin-html: 4.0.12 => 4.0.12
@tarojs/plugin-platform-alipay: 4.0.12 => 4.0.12
@tarojs/plugin-platform-tt: 4.0.12 => 4.0.12
@tarojs/plugin-platform-weapp: 4.0.12 => 4.0.12
@tarojs/react: 4.0.12 => 4.0.12
@tarojs/runtime: 4.0.12 => 4.0.12
@tarojs/shared: 4.0.12 => 4.0.12
@tarojs/taro: 4.0.12 => 4.0.12
@tarojs/taro-loader: 4.0.12 => 4.0.12
@tarojs/webpack5-runner: 4.0.12 => 4.0.12
babel-preset-taro: 4.0.12 => 4.0.12
eslint-config-taro: 4.0.12 => 4.0.12
react: ^18.0.0 => 18.3.1

其他补充信息

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions