[Textarea] Scroll position changes unexpectedly
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
#### Bug, feature request, or proposal:
Bug
#### What is the expected behavior?
When filling a textarea, we should see what we are writing :-)
#### What is the current behavior?
Under some conditions, writing inside a textarea with autoSize directive makes the page scroll position changes (we get scrolled up ? sorry for my english).
#### What are the steps to reproduce?
To reproduce my issue:
- With latest firefox (tested on macOS), open https://angular-material2-issue-pnr2sj.stackblitz.io/
- Scroll down the page.
- Enter the textarea and press any key.
- Your scroll position changes on the page, most of the textarea content isn't visible anymore, which is very annoying for writing.
It also happens on iOS 11 when the textarea is inside a parent with scroll overflow (not the case on the stackblitz example, but I can create another one if needed). I cannot reproduce it on Chrome and I haven't tested other browsers.
I believe the issue is related to [this line](https://github.com/angular/material2/blob/master/src/lib/input/autosize.ts#L197), the parent's height get shorter for an instant which explains we get scrolled up.
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Latest Angular and Material
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với src/lib/input/autosize.ts quanh dòng 197 và tái hiện vấn đề bằng ví dụ StackBlitz được liên kết trong Firefox, sau đó so sánh hành vi khi textarea nằm bên trong một phần tử cha có scroll overflow trên iOS. Công việc được hoàn thành khi việc nhập vào một textarea autoSize không còn làm thay đổi vị trí cuộn của trang hoặc phần tử cha, đồng thời nội dung đang được nhập vẫn hiển thị.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 35/100