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] 宽屏模式下,弹窗无法正常显示 #106

Open
ABitGinger opened this issue Dec 9, 2024 · 4 comments
Open

[BUG] 宽屏模式下,弹窗无法正常显示 #106

ABitGinger opened this issue Dec 9, 2024 · 4 comments
Labels
bug Something isn't working
Milestone

Comments

@ABitGinger
Copy link

问题描述

宽屏模式下,弹窗无法正常显示,只露出一条边。

复现步骤

  1. 打开宽屏模式
  2. 打开空降助手弹窗

预期表现

弹窗能置于顶层,或采取其它特殊形式显示

实际表现

打开弹窗,无法正常显示,只露出一条边

屏幕截图或录像

image

运行环境

  • 操作系统(OS):Windows 11 23H2
  • 浏览器:Microsoft Edge
  • 浏览器版本:版本 131.0.2903.86 (正式版本) (64 位)
  • 插件版本:v. 0.5.2
@ABitGinger ABitGinger added the bug Something isn't working label Dec 9, 2024
@hanydd

This comment was marked as outdated.

@xiaoxuan010
Copy link
Contributor

xiaoxuan010 commented Dec 9, 2024

有视频链接吗?我自己测试宽屏模式好像没复现出来🤔

我刚才随便点开了一个视频,确实是可以复现的,但是与视口宽度有关:

  • 视口宽度≤1680px时,会露出一个滚动条
  • 视口宽度>1680px时,整个窗口完全看不见

@hanydd hanydd added this to the 1.0版本 milestone Dec 9, 2024
@hanydd
Copy link
Owner

hanydd commented Dec 9, 2024

有视频链接吗?我自己测试宽屏模式好像没复现出来🤔

我刚才随便点开了一个视频,确实是可以复现的,但是与视口宽度有关:

  • 视口宽度≤1680px时,会露出一个滚动条
  • 视口宽度>1680px时,整个窗口完全看不见

我确实复现不出来,调整了宽度也是正常的,有什么触发条件吗?

@ABitGinger
Copy link
Author

我确实复现不出来,调整了宽度也是正常的,有什么触发条件吗?

如下图。

image

我觉得比较简单的解决方式就是把弹窗的层级提高,再缩减一些高度,因为在提交片段的时候,遮挡一部分视频应该影响不大。或者让窗口浮动并可拖动。

我看到了etherfun的解决方案,但是我觉得提交的时候要上下滚动不是太方便。

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
Status: No status
Development

No branches or pull requests

3 participants