Autodesk / Autodesk/react-base-table
Issues with Copy/paste functionality
- Ngôn ngữ chính
- TypeScript
- Star
- 1.5k
- Fork
- 170
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Mô tả
I am having issues with react-base-table in a work project where users are unable to copy and paste from a table cell. It happen's in places where we are dynamically generating some html content to render into the cell using cell-renderer.
I tried reproducing in isolation to be able to present an example, but unfortunately to no avail. It is a bit cumbersome to fully recreate as it is part of a larger application. We have an infinite scrolling list of data that is returned from search results. With this list, we have the ability to toggle to a tabular infinite scroll view (we use react-base-table for the tabular view). The user is able to type into a search input, get back results, and then in our custom cell renderer, we go through the display text and generate html strings with tags to wrap around parts of the text that **match** the search filter the user typed. We do this to create a "highlight" effect (replicating cmd + 'f' functionality). Result data comes back, renders in the list, and any matching text from the search input is wrapped in highlight span tags.
In our standard view that doesn't use react-base-table, there are no issues at all, but in the view that uses react-base-table. Copy/paste is totally blocked. Nothing ever gets to the clipboard. Because of that, my suspicion is that it is the library itself, but it is hard to track down specifically why this might be happening. If anyone has some suggestions as to what might be causing this interaction, I would love to hear them. Would be much appreciated!
Thanks!
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách so sánh chế độ xem react-base-table với chế độ xem tiêu chuẩn, tập trung vào custom cell-renderer bao quanh văn bản khớp bằng các thẻ span. Hãy thử tái hiện lỗi clipboard với chế độ xem dạng bảng cuộn vô hạn và nội dung ô được tạo động. Hoàn thành nghĩa là xác định được tương tác chặn thao tác sao chép/dán và xác nhận rằng các ô trong bảng có thể được sao chép và dán bình thường.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 35/100