Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] If the element is displayed on more than one screen and position is left, Tooltip arrow should point to the center of the element #2518

Open
1 task done
YannLynn opened this issue Oct 9, 2024 · 0 comments
Assignees

Comments

@YannLynn
Copy link
Collaborator

YannLynn commented Oct 9, 2024

Is there an existing issue for this?

  • I have searched the existing issues

Which Component

Tooltip

Semi Version

latest

Current Behavior

超屏展示 && left position && arrowPointAtCenter 不为 false 的情况下,尖箭头没有对齐 children

Expected Behavior

超屏展示 && left position && arrowPointAtCenter 不为 false 的情况下,尖箭头应该对齐 children

Steps To Reproduce

飞书20241009-145801

ReproducibleCode

() => {
    const [visible, setVisible] = useState(false);
    const change = () => {
        setVisible(!visible);
    };
    const text = new Array(530).fill('abc').join();
    return (
        <>
            <Button onClick={change} style={{ marginTop: '200px'}}>Open SideSheet</Button>
            <SideSheet title="滑动侧边栏" visible={visible} onCancel={change}>
                <Typography.Text ellipsis={{showTooltip: {
                    opts: {
                        position: 'left'
                    }
                }}}>{text}</Typography.Text>
            </SideSheet>
            <Tooltip content={text} position="left">
          <span style={{ marginTop: '200px'}}>show tooltip</span>
        </Tooltip>
        </>
    );
};

Environment

- OS:
- browser:

Anything else?

No response

@YannLynn YannLynn self-assigned this Oct 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant