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]: inputs are not aligned correctly

Đang mở
  • Có gì không ổn?
#36,577 0 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

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

Từ ngày 17/8/2026.

Đánh giá

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

Mô tả

Fluent UI WC (v3) Type: Bug :bug: web-components
Component

Other...

Package version

3.1.0

@microsoft/fast-element version

3.0.2

Environment
System:
    OS: Windows 11 10.0.26200
    CPU: (28) x64 Intel(R) Core(TM) i7-14700K
    Memory: 4.19 GB / 31.78 GB
  Browsers:
    Edge: Chromium (151.0.4129.78)
    Firefox Developer Edition: 154.0 - C:\Program Files\Firefox Developer Edition\firefox.exe
Current Behavior

When you show certain web components right next to each other you will notice that they are not aligned on the same height.

Image

See https://github.com/microsoft/fluentui-blazor/issues/5142#issuecomment-5292270553 for the actual reason

Expected Behavior

They should be the same height and aligned exactly the same.

Reproduction

https://github.com/MarvinKlein1508/fluentui-alignment-issue

Steps to reproduce
  1. Clone the project
  2. Run it
  3. Zoom into the webbrowser
Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

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 9 giờ
Pull request đã merge (30 ngày)
66

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.