Taiga UI 新版 Textarea 组件行间导航问题解析

问题概述

在最新版本的 Taiga UI 组件库中，开发者报告了一个关于 Textarea 组件的键盘导航问题。当用户尝试在多行文本区域中使用上下方向键在不同行间导航时，发现这一功能无法正常工作。

技术背景

Textarea 是 Web 开发中常用的表单元素，允许用户输入多行文本。标准的 HTML textarea 元素支持通过键盘方向键在文本行间自由导航，这是用户熟悉的基本交互行为。

Taiga UI 作为一个现代化的 UI 组件库，其 Textarea 组件在原有 HTML textarea 基础上进行了功能增强和样式封装，但在此过程中可能意外影响了某些原生行为。

问题表现

具体表现为：

1. 当设置 Textarea 的 rows 属性大于 1 时
2. 用户输入包含多行文本
3. 尝试使用键盘的上下方向键在不同行间移动光标时
4. 光标无法按预期在不同行间跳转

解决方案

对于开发者提出的两个问题：

1. 行间导航功能：这确实是一个需要修复的 bug，会影响用户体验。组件应该保持与原生 textarea 一致的键盘导航行为。

2. 无限行数设置：可以通过将 max 属性设置为 Infinity 来实现无限制的行数，这与旧版 Textarea 的行为一致。

技术建议

对于组件开发者：

• 需要检查 Textarea 组件中可能拦截或覆盖键盘事件的处理逻辑
• 确保方向键事件能够正确传递到原生 textarea 元素
• 在自定义组件中保持与原生元素一致的基础交互行为

对于使用者：

• 临时解决方案是使用原生 textarea 替代
• 等待官方修复版本发布
• 对于行数限制需求，使用 Infinity 作为 max 属性值

总结

这个案例提醒我们，在封装原生 HTML 元素时，需要特别注意保持用户熟悉的基础交互行为。即使是功能增强型组件，也不应该破坏用户对标准控件行为的预期。Taiga UI 团队已经将此问题标记为高优先级，预计会在后续版本中修复。