javascript-tutorial / javascript-tutorial/en.javascript.info

"read this before commenting…" pop-up is difficult to hover over

未关闭
#2,626 0 条评论 5 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
HTML
星标
25.5k
派生
4k
PR 合并指标
30 天内没有已合并 PR

描述

When you hover over the *read this before commenting…* text near the end of an article, a yellow pop-up or message box shows itself with relevant links and instructions, as expected.

However, when you try to move the mouse pointer, for example, to click some of the links in the pop-up box, the pop-up box tends to disappear because it detects that the mouse has moved off the box. It seems that it only reliably keeps the pop-up box open if you hover over the triangle pointer that connects the pop-up box and the *read this before commenting…* text. This is a bit annoying, since it is quite a small area to have to hover over.

I can think of two (non-mutually-exclusive) solutions:

1. Make the entire bottom portion of the pop-up box, not just the triangle, report that the mouse is hovering over so the pop-up does not disappear.
2. Add a longer delay between moving the mouse pointer off the pop-up box and the pop-up box disappearing, like a fade-out or similar.

Thank you for your time!

贡献指南

这个仓库没有索引到贡献指南

调研方向

未指定文件或测试。首先定位文章中“read this before commenting…”的悬停入口,并重现将指针从文本移向弹出窗口链接的操作;当指针移入弹出窗口并与其交互时,弹出窗口仍可正常使用且不会意外消失,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
javascript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。