elastic/kibana

[ML] Filter icons in anomaly charts rendered out of visible view

Open

#200,778 建立於 2024年11月19日

在 GitHub 查看
 (3 留言) (0 反應) (1 負責人)TypeScript (19,065 star) (8,021 fork)batch import
:mlFeature:Anomaly Detectionbuggood first issuepapercutv9.5.0

描述

** Items to be completed **

  • ensure values (even long values) are always rendered within the visible area

Kibana version: latest

Describe the bug:

For anomaly charts in the explorer and in dashboard, the filter icons can sometimes be rendered out of the visible area when the field names/values are long.

Expected behavior:

The field names/values should be truncated to ensure the filter icons always show up. A tooltip can be added as a way for users to view the full field name/value.

Screenshots (if relevant):

貢獻者指南

技術棧
typescriptreact
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
blocked
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
ReactCSSKibana plugin development basics
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
35
研究方向
First, locate the anomaly chart component in the Kibana codebase, likely under x pack/plugins/ml/public/application/explorer/ or a similar directory. The issue involves filter icons being cut off when field values are long. Implement CSS text overflow: ellipsis on the field value elements and ensure the filter icons remain visible. Add a title attribute or a tooltip for the full value. Check the existing styling and any related components like the anomaly chart legend. Review comments and any linked PRs for context. Maintain existing theming and accessibility.