scrolling by touchscreen is not working after draw annotation

オープン
#683 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
38/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
typescript
領域
frontend

調査の方向性

Laptop with touch デバイス設定を使用して Chrome DevTools で問題を再現し、その後、タッチスクリーンのスクロール処理について、Draw、Save、Done 周辺のアノテーションフローを調査します。Done とは、Draw アノテーションを保存して完了した後、コンソールエラーなしでタッチスクリーンのスクロールが再び機能することを意味します。

索引モデルが issue の本文から書いたものです。

説明

Environment:

  • Preview version: 2.65.0

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome
  • Version: 89.0.4389.82

Smartphone (please complete the following information):

  • Device: iPad
  • OS: OS X
  • Browser: Safari and Chrome
  • Version:

Steps to reproduce the problem:
This was originally found on an iPad using annotation but can be reproduced on Chrome using the Developer Tools Device Toolbar (Ctrl + Shift + M) and selecting Laptop with touch. Note, do not use a mouse scroll wheel or a trackpad's 2 finger scrolling. You must use the mouse with button to simulate a touchscreen in the correct developer tools mode.

  1. Upload a .pdf, preferably one with multiple pages, to box
  2. Enable Chrome's developer tools
  3. Turn on the device toolbar (Ctrl + Shift + M)
  4. Change device to Laptop with touch
  5. Preview the uploaded .pdf
  6. Use the mouse to simulate touch and scroll up and down in the document >> works fine
  7. Enable annotation mode
  8. Use the mouse to scroll up and down >> still works
  9. Select the draw icon
  10. Draw something on the document, click Save and then Done
  11. Use the mouse to scroll up and down >> now it doesn't work

What is the expected behavior? (Screenshots can be helpful here)
Expected behavior is for scrolling using touchscreen to continue working.

What went wrong? (Screenshots, console logs, or HAR files can be helpful here)
Scrolling using touchscreen stopped working after performing a Draw annotation.

Additional context
There were no errors displayed in the console. Here is a HAR of the annotate action:
box_annotate_touchscreen.zip

主要言語
TypeScript
スター
12
フォーク
53
平均マージ
21時間 52分
マージ済み PR(30日)
21

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

box/box-annotations のほかの issue

box/box-annotations の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。