LineChart data point popup/tooltip is truncated at 320px viewport width
Maintainer antworten meist innerhalb von 1 Tag
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 68/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Aktiv
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
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.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 541
- Forks
- 114
- Ø Merge
- 21 Std. 40 Min.
- Gemergte PRs (30 T.)
- 87
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Hat eine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus UI5/webcomponents-react
-
author action
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 56/100
UI5/webcomponents-react#9027 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
[Feature Request]: [FilterBar] Basic Search Field Should Trigger Search on Enter Key Press (Fiori Design Compliance)Evtl. vergeben @Lukas742 hat das heute übernommen. Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 68/100
UI5/webcomponents-react#9014 · 6 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 20/100
UI5/webcomponents-react#8529 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Design Pending SAP SF
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 45/100
UI5/webcomponents-react#8158 · 1 Kommentar · 1 Reaktion ·
Maintainer antworten meist innerhalb von 1 Tag
-
a11y Design Pending
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
UI5/webcomponents-react#7582 · 4 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
Alle Issues in UI5/webcomponents-react
Ähnliche Issues
-
component:sight
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
agentic-os-org/ANOLISA#6738 · 2 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
bug Durable Agents Observability (AI Telemetry) status: needs triage
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
mastra-ai/mastra#26470 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 76/100
paperclipai/paperclip#15630 ·
Maintainer antworten meist innerhalb von 1 Tag
-
[good first issue, hacktoberfest] ⛩️ Add new Theme: Sakura Latte (good-first-issue)Evtl. vergeben @PGrayCS hat das heute übernommen. Offencommunity first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Schwierigkeit 1/5 1-3 Stunden Anfängerfreundlichkeit 78/100
lingdojo/kana-dojo#31937 · 1 Kommentar · 5 Reaktionen ·
Maintainer antworten meist innerhalb von 1 Tag
-
feature/cohorts feature/feature-flags team/feature-flags
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100
Maintainer antworten meist innerhalb von 1 Tag