Tencent/tdesign-react

[Popup] Popup组件设置popperOptions的offset属性不生效

Closed this issue · 5 comments

2ue commented

tdesign-react 版本

1.9.3

重现链接

https://stackblitz.com/edit/react-f7oexg?file=src%2Fdemo.tsx

重现步骤

鼠标hover到按钮上

期望结果

期望按照设置的offset进行偏移

实际结果

使用按照设置的offset值便宜

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

👋 @2ue,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

https://popper.js.org/docs/v2/tutorial/#offset
image
但我根据这个配置去写,也没效果。

import React from 'react';
import { Button, Popup } from 'tdesign-react';

export default function BasicUsage() {
  return (
    <Popup
      trigger="click"
      popperOptions={{
        // offset: [-40, -100],
        name: 'offset',
        options: {
          offset: [-40, -100], // 设置偏移量
        },
      }}
      showArrow
      content="这是一个弹出框"
    >
      <Button>Hover me</Button>
    </Popup>
  );
}

image
image

@ZHUBoer 你传的值少了,测试没问题的

@HaixingOoO 也许我们应该增加这个类似的demo

2ue commented

image image

@ZHUBoer 你传的值少了,测试没问题的

感谢,按照这个配置OK了