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

[CodeBlock] Fix token rendering and sub-pixel border

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

维护者通常 2 天内回复

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
35/100
Issue 类型
重构
描述清晰度
基本清楚
活跃度
停滞
技术栈
react, typescript
领域
frontend

调研方向

首先定位 CodeBlock 组件,并检查其行和 token 的渲染、maxLines 的处理方式,以及 header 和 collapse-trigger 的样式。确认预期的稳定 key、maxLines 的公开行为和 border 值;完成的标准是三个列出的改进都已处理。

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

描述

component triage

Summary

Minor improvements to the CodeBlock component.

Improvements

2. Array index as key in token rendering

Both line and token maps use array index as key. For stable rendering, this is acceptable for static content but could cause issues with dynamic content updates.

3. maxLines off-by-one compensation

The context adds +1 to maxLines ("to compensate for the absolute collapse trigger"). This leaks implementation detail into the API — consumers pass maxLines={5} but 6 lines are stored internally.

4. Sub-pixel border value

Uses border: 0.5px solid in header and collapse trigger styles.

Moved to Cross-Cutting Issues

The following items have been moved to cross-cutting issues that address them across all components:

  • Remove !important declarations (#678)
主要语言
TypeScript
星标
70
派生
13
平均合并
8 天 20 小时
30 天内合并 PR
17

环境准备

从这里开始

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

raystack/apsara 的其他 Issue

查看 raystack/apsara 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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