ionic-team / ionic-team/ionic-framework

bug: Keep error text space to prevent layout shifting and keep border visible

Đang mở
#31,030 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
community feedback wanted
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 15 giờ
Pull request đã merge (30 ngày)
51

Mô tả

It would be great if we can keep the `input-bottom.sc-ion-input-md` element, even if the input is valid. Because 1. layout shifting and 2. missing border. Removing the element with border (which changes element size) removes the border and causes layout changes. And it would be great if we keep the space for the error text.

```html

```

![Image](https://github.com/user-attachments/assets/bd07ef03-1196-45de-8b97-b96af5b3c96e)

You can see that the layout shifts and in the end the border disappears.

Ionic v8, Angular v19, Chrome 146.0.7680.153

Workaround: Remove errorText and make your own by using control errors in element below and use ion-item in this case for the line or use css for this. I cannot reproduce this is stackblitz, but in a fresh new Angular project with same setup. No custom stuff. It's weird, but there is something wrong.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

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

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.