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

如何解决表情框被自动截断的问题? #733

Open
chlorine3545 opened this issue Jul 28, 2024 · 6 comments
Open

如何解决表情框被自动截断的问题? #733

chlorine3545 opened this issue Jul 28, 2024 · 6 comments

Comments

@chlorine3545
Copy link

如题。我使用的是 Hugo 框架,通过自己魔改引入了 Twikoo。但是在回复的时候出现了下面的情况:

image

看起来是因为表情框超出了主卡片的范围被截断了。我不是很懂前端,给表情框选择器加上 overflow: visible !important; z-index: 9999; position: fixed; 这些都没有用。求大佬解惑 qaq

@imaegoo
Copy link
Member

imaegoo commented Jul 28, 2024

请提供能复现的网页地址

@chlorine3545
Copy link
Author

请提供能复现的网页地址

https://www.yoghurtlee.com/swup-modifying/

如果评论未加载,刷新即可

@imaegoo
Copy link
Member

imaegoo commented Jul 28, 2024

没有复现该问题

image

@chlorine3545
Copy link
Author

没有复现该问题

image

在正常回复时不会出现该问题,只在表情框超出主卡片(例如回复已有的评论时)才会出现。

image

@imaegoo
Copy link
Member

imaegoo commented Jul 30, 2024

父元素上存在 overflow hidden,试试

#content-wrapper .overflow-hidden, #post-container {
  overflow: visible;
}

@chlorine3545
Copy link
Author

加上这条 CSS 后表情框能显示了,但是下面的 OwO bar 好像还是不能显示,请问应该怎么解决呢?

image

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

2 participants