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

Bubble内容区增加header后,样式错误 #318

Closed
GHTlinyu opened this issue Dec 6, 2024 · 3 comments · Fixed by #314
Closed

Bubble内容区增加header后,样式错误 #318

GHTlinyu opened this issue Dec 6, 2024 · 3 comments · Fixed by #314
Assignees
Labels
bug Something isn't working

Comments

@GHTlinyu
Copy link

GHTlinyu commented Dec 6, 2024

重现步骤

在线示例链接:(必填)

https://stackblitz.com/edit/react-nda6bo?file=demo.tsx

步骤:

  1. Bubble组件,placement="end"
  2. header增加内容

image

当前行为

内容块显示在左侧

预期行为

内容块显示在右侧,挨着头像

上下文

No response

版本

1.0.2

您在哪些浏览器上遇到了这个问题?

Chrome

@GHTlinyu GHTlinyu added the bug Something isn't working label Dec 6, 2024
@YumoImer
Copy link
Collaborator

YumoImer commented Dec 6, 2024

这确实是个 bug,我来处理

@YumoImer YumoImer self-assigned this Dec 6, 2024
@tabzzz1
Copy link
Contributor

tabzzz1 commented Dec 6, 2024

这确实是个 bug,我来处理

您进展如何?我在处理 #296 时遇到了同样的问题,问题貌似出在./style/index.ts中的93行部分,我通过删除alignItems: flex-startflex: auto解决了这个问题,同时在header中通过将内容放在Flex布局中并添加justify="end"实现了此issue的“样式”问题。方便分享下您的解决思路吗?

@YumoImer
Copy link
Collaborator

YumoImer commented Dec 7, 2024

@tabzzz1 感谢!昨天太晚休息了,今天我来看下。问题确实出在 content-wrapper ,同时我这边在处理内容溢出的问题也和这里有关,我来综合考虑修复

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants