Charting Control
Other...
Package version
9.3.23
React version
18.3.1
Environment
System:
OS: Linux 6.8 Debian GNU/Linux 13 (trixie) 13 (trixie)
CPU: (32) x64 AMD EPYC 7763 64-Core Processor
Memory: 115.44 GB / 125.79 GB
Container: Yes
Shell: 5.2.37 - /bin/bash
Current Behavior
When you hover over a bar, the tooltip appears and the large value inside it is
cut off along the bottom. The bottom edge of the text is sliced off, so the number
looks incomplete.
Also reproduces directly on the official Fluent Storybook: https://storybooks.fluentui.dev/charts/iframe.html?viewMode=story&id=charts-horizontalbarchartwithaxis--horizontal-bar-with-axis-basic
Expected Behavior
The value in the tooltip should be fully visible, with nothing cut off.
Reproduction
https://stackblitz.com/edit/lkkc9x2j?file=index.html,src%2Fexample.tsx,src%2Findex.tsx
Steps to reproduce
- Open the StackBlitz repro
- Hover over any bar in the chart
- Look at the large value in the tooltip — the bottom of the text is cut off
This also happens on the official Fluent Storybook:
https://storybooks.fluentui.dev/charts/iframe.html?viewMode=story&id=charts-horizontalbarchartwithaxis--horizontal-bar-with-axis-basic
Hover any bar and the "37%" value is cut along the bottom.
Are you reporting an Accessibility issue?
None
Suggested severity
Urgent - No workaround and Products/sites are affected
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
Charting Control
Other...
Package version
9.3.23
React version
18.3.1
Environment
System: OS: Linux 6.8 Debian GNU/Linux 13 (trixie) 13 (trixie) CPU: (32) x64 AMD EPYC 7763 64-Core Processor Memory: 115.44 GB / 125.79 GB Container: Yes Shell: 5.2.37 - /bin/bashCurrent Behavior
When you hover over a bar, the tooltip appears and the large value inside it is
cut off along the bottom. The bottom edge of the text is sliced off, so the number
looks incomplete.
Also reproduces directly on the official Fluent Storybook: https://storybooks.fluentui.dev/charts/iframe.html?viewMode=story&id=charts-horizontalbarchartwithaxis--horizontal-bar-with-axis-basic
Expected Behavior
The value in the tooltip should be fully visible, with nothing cut off.
Reproduction
https://stackblitz.com/edit/lkkc9x2j?file=index.html,src%2Fexample.tsx,src%2Findex.tsx
Steps to reproduce
This also happens on the official Fluent Storybook:
https://storybooks.fluentui.dev/charts/iframe.html?viewMode=story&id=charts-horizontalbarchartwithaxis--horizontal-bar-with-axis-basic
Hover any bar and the "37%" value is cut along the bottom.
Are you reporting an Accessibility issue?
None
Suggested severity
Urgent - No workaround and Products/sites are affected
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations