Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

[Bug]: Tooltip value is cut off at the bottom in HorizontalBarChartWithAxis

Đang mở
  • Có gì không ổn?
#36,554 1 bình luận 0 reaction 1 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@AtishayMsft đang làm issue này rồi.

Từ ngày 13/8/2026.

Đánh giá

Issue này chưa được đánh giá.

Mô tả

Package: charting Type: Bug :bug:
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
  1. Open the StackBlitz repro
  2. Hover over any bar in the chart
  3. 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
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.
Ngôn ngữ chính
TypeScript
Star
20.3k
Fork
2.9k
Merge trung bình
2 ngày 6 giờ
Pull request đã merge (30 ngày)
53

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

  • Không có Dockerfile hay tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của microsoft/fluentui

Tất cả issue của microsoft/fluentui

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.