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.

Sign up for GitHub

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

Jump to bottom

[Balloon]气泡框定位和箭头对齐问题 #4137

Closed
DorothyGuan opened this issue Oct 14, 2022 · 2 comments · Fixed by alibaba-fusion/overlay#22 or #4541
Closed

[Balloon]气泡框定位和箭头对齐问题 #4137

DorothyGuan opened this issue Oct 14, 2022 · 2 comments · Fixed by alibaba-fusion/overlay#22 or #4541
Assignees
@YSMJ1994
Labels
🐞 Bug Something isn't working Next release issues to close in next release

Comments

@DorothyGuan
Copy link

Component

Balloon

Reproduction link

https://riddle.alibaba-inc.com/riddles/54c367d4

Steps to reproduce

首先，问题都出现在气泡框的trigger在视区边缘时。

  1. 气泡框的箭头并没有指向trigger：看上去做了边缘检测，气泡框会一直在视区范围内，但是也导致箭头的偏移。align配置应该是针对气泡框边缘的对齐？箭头位置能否相对trigger和气泡框边缘计算得更灵活一点？；
    image

  2. 气泡框位置完全乱掉：这里看了下定位用的是position:absolute，弹层的挂载又是可以随着followTrigger而改变的，像例子里面的情况挂载容器本身很小，同时设置了position:relative，直接会影响absolute的气泡框的定位；
    image
@lakerswgq lakerswgq assigned lakerswgq and bindoon and unassigned lakerswgq Oct 18, 2022
@lakerswgq
Copy link
Contributor

@bindoon 帮看看吧

@YunMeng99 YunMeng99 added the 🐞 Bug Something isn't working label Aug 10, 2023
@YSMJ1994 YSMJ1994 added the Next release issues to close in next release label Oct 27, 2023
@YunMeng99 YunMeng99 linked a pull request Nov 6, 2023 that will close this issue
Fix/overlay bubble box positioning and arrow alignment alibaba-fusion/overlay#18
Closed
@YSMJ1994 YSMJ1994 mentioned this issue Nov 8, 2023
Closed
@YSMJ1994 YSMJ1994 assigned YSMJ1994 and unassigned YunMeng99 Nov 8, 2023
@YSMJ1994 YSMJ1994 mentioned this issue Nov 15, 2023
Merged
YSMJ1994 added a commit that referenced this issue Nov 21, 2023
@YSMJ1994
test(Balloon): add issue specs for #4137
1c49918
YSMJ1994 added a commit that referenced this issue Nov 23, 2023
@YSMJ1994
chore(Overlay): @alifd/overlay@0.3.0, close #4137
e391b05
@YSMJ1994 YSMJ1994 mentioned this issue Nov 23, 2023
Merged
@YSMJ1994 YSMJ1994 linked a pull request Nov 23, 2023 that will close this issue
fix(Balloon): adjust overlay position at boundary when fixed #4541
Merged
YSMJ1994 added a commit that referenced this issue Nov 23, 2023
@YSMJ1994
fix(Balloon): adjust overlay position at boundary when fixed, close #…
c542089 
…4137 (#4541)

* test(Balloon): add issue specs for #4137

* chore(Overlay): @alifd/overlay@0.3.0, close #4137
@YSMJ1994
Copy link
Contributor

Fixed at 1.26.34

owenchen1004 pushed a commit to owenchen1004/next that referenced this issue Dec 5, 2023
@YSMJ1994 @owenchen1004
fix(Balloon): adjust overlay position at boundary when fixed, close a…
76b5530 
…libaba-fusion#4137 (alibaba-fusion#4541)

* test(Balloon): add issue specs for alibaba-fusion#4137

* chore(Overlay): @alifd/overlay@0.3.0, close alibaba-fusion#4137
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@YSMJ1994 YSMJ1994

Labels
🐞 Bug Something isn't working Next release issues to close in next release
Projects
DAILY WORK
Archived in project
Milestone
No milestone
5 participants
@bindoon @lakerswgq @YSMJ1994 @DorothyGuan @YunMeng99