LineChart data point popup/tooltip is truncated at 320px viewport width
維護者通常 1 天內回覆
還沒有人認領這個 Issue。
評估
- 難度
- 3/5
- 預估耗時
- 1-2 天
- 新手友好度
- 68/100
- Issue 類型
- 缺陷
- 描述清晰度
- 基本清楚
- 活躍度
- 活躍
- 技術堆疊
- react, typescript
- 領域
- frontend
研究方向
Start by reproducing the LineChart interaction at a 320px viewport in Chrome, then trace the chart popup or tooltip positioning and clipping behavior. Verify the result by clicking data points near different edges and confirming that the complete data popup remains visible without being cut off.
由索引模型根據 Issue 內容生成。
描述
Describe the bug
When a user clicks on a data point in a LineChart at 320px viewport width, a popup/tooltip appears showing the relevant data. However, this popup is being truncated/clipped by the component — the popup content is cut off and not fully visible.
This is a separate issue from #8407 (chart axis truncation at 320px, which has been clarified as acceptable). The popup truncation is a blocker because users cannot read the data values when interacting with the chart on narrow viewports.
Isolated Example
No response
Reproduction steps
- Render a
LineChartwith multiple data points - Use browser DevTools to set viewport to 320px width
- Click on any data point in the chart
- Observe that the popup/tooltip showing the data is truncated/clipped
Expected Behaviour
When a user clicks a data point, the popup must be fully visible and not clipped by the component boundary or viewport edge, even at 320px viewport width.
Screenshots or Videos
UI5 Web Components for React Version
2.26.0
UI5 Web Components Version
2.26.0
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
- 主要語言
- TypeScript
- 星號
- 541
- 分支
- 114
- 平均合併
- 21 小時 40 分鐘
- 30 天內合併 PR
- 87
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
UI5/webcomponents-react 的其他 Issue
-
author action
難度 3/5 1-2 天 新手友好度 56/100
UI5/webcomponents-react#9027 · 1 則留言 ·
維護者通常 1 天內回覆
-
[Feature Request]: [FilterBar] Basic Search Field Should Trigger Search on Enter Key Press (Fiori Design Compliance)可能已有人在做 @Lukas742 於 1 天前認領。 未關閉
難度 3/5 1-2 天 新手友好度 68/100
UI5/webcomponents-react#9014 · 6 則留言 ·
維護者通常 1 天內回覆
-
難度 5/5 一週以上 新手友好度 20/100
UI5/webcomponents-react#8529 ·
維護者通常 1 天內回覆
-
Design Pending SAP SF
難度 3/5 1-2 天 新手友好度 45/100
UI5/webcomponents-react#8158 · 1 則留言 · 1 個 reaction ·
維護者通常 1 天內回覆
-
a11y Design Pending
難度 3/5 1-2 天 新手友好度 35/100
UI5/webcomponents-react#7582 · 4 則留言 ·
維護者通常 1 天內回覆
查看 UI5/webcomponents-react 的全部 Issue
相似的 Issue
-
Mondriaan
難度 1/5 1 小時以內 新手友好度 88/100
knaw-huc/textannoviz#709 ·
維護者通常 1 天內回覆
-
streams:add
難度 1/5 1 小時以內 新手友好度 62/100
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 78/100
walletbeat/walletbeat#1558 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 82/100
hawk-digital-environments/HAWKI#438 ·
維護者通常 1 天內回覆
-
good first issue
難度 2/5 1-3 小時 新手友好度 78/100
OktoLabsAI/okto-pulse#114 ·
維護者通常 1 天內回覆