Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Collapse the specific-problem picker after choosing a specific problem

未关闭
#505 1 条评论 0 个 reaction 已指派 1 人 在 GitHub 查看

维护者通常 1 天内回复

@8woodyc 已经在做这个了。

开始于 2026年10月26日。

评估

这个 Issue 还没有评估数据。

描述

Description

In Practice mode, the Choose a specific problem instead section allows users to expand the problem picker and select a problem manually.

The selection itself works correctly. However, after clicking a problem, the picker remains expanded and the page stays at the same position.

Because the Selected problem: status is located above the expanded picker, it may be outside the current viewport. There is therefore little immediate visual feedback confirming that the selected problem has actually changed.

This can make the user unsure whether the selection succeeded.

Expected behavior

After a user successfully chooses a new problem from Choose a specific problem instead:

  1. Collapse the specific-problem picker.
  2. Bring the Selected problem: status into view.
  3. Show the newly selected problem and its difficulty using the existing selected-problem display.

This should happen only when a new specific problem is selected successfully.

The existing saved-list, random-problem difficulty filter, and Strict Interview behavior should remain unchanged.

Related work

This proposal is complementary to the existing problem-picker work:

  • #392 / #455 changes the problem-card click behavior so that clicking an already selected card can release the manual selection.
  • #394 changes the layout of the expanded problem picker so that it can use the full lobby width.
  • #15 originally introduced the collapsible specific-problem picker.

This issue does not change selection policy, deselection behavior, or picker layout. It only improves the confirmation shown after a successful new problem selection.

If #455 lands first, this behavior should be applied only to the branch that selects a new card, not to the branch that deselects the currently selected card.

Acceptance criteria

  • Selecting a new problem from the specific-problem picker still updates the selected problem as before.
  • After a successful new selection, the expanded problem picker closes.
  • The Selected problem: status is brought into the viewport.
  • The selected title and difficulty are immediately visible.
  • Deselecting an already selected card, if #392/#455 is present, does not incorrectly trigger the selected-problem confirmation behavior.
  • Keyboard-based selection does not leave focus on an element hidden by the collapsed picker.
  • Random problem selection and saved-list selection keep their existing behavior.
  • Strict Interview behavior is unchanged.
  • Browser regression coverage verifies the collapse and selected-problem visibility behavior.
主要语言
Rust
星标
215
派生
141
平均合并
1 天 11 小时
30 天内合并 PR
225

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

sysprog21/codetrial 的其他 Issue

查看 sysprog21/codetrial 的全部 Issue

相似的 Issue

更多 Rust Issue

把新 issue 发到你的邮箱

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