bigskysoftware / bigskysoftware/_hyperscript

Handling exceptions for writeText()

オープン
#565 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
3.8k
フォーク
172
PR マージ指標
30日以内にマージされた PR はありません

説明

I'm unable to handle exception while a coping text to a clipboard idiomatically. Maybe it's not the only place for such behavior but it's the only one I've found.

I'm using qutebrowser and I've blocked programmatic access to a clipboard for websites.
Unfortunately, I don't know how to block access the same way for other browses =\

**Use case**: I want to show a notification that user has successfully copied text to the clipboard or if there is an error. To do so I have to handle exception that writeText() might throw.

I expect the following code to work:
```html

Copy

--
```
Output shows **Success** and console logs `Uncaught (in promise) DOMException: Write permission denied.`. `catch` doesn't seem to work.

There is another way to catch exceptions for an element (`on exception`):

```html

Copy

--
```

The same result: output shows **Success** and console logs `Uncaught (in promise) DOMException: Write permission denied.`.

Feels like exception isn't related to the element in any way.

## Sanity check

Just to make sure that exceptions are catchable:

```html

Copy

--
```
Shows **Error: I am thrown manually** in output and console is clean.

```html

Copy

--
```

This one is interesting. It shows **Error:** in output and picrelated in console

![image](https://github.com/user-attachments/assets/7c411767-d1ec-4a39-875f-ab1df4994397)

## Workaround

I've managed to get it working by calling writeText() in a more traditional way:

```html

Copy

--
```
Output has **Error: NotAllowedError: Write permission denied.** and a clean console.

```html

Copy

--
```

This one behaves the same way it does in sanity check. In catches the exception but error is empty while console has the following:

![image](https://github.com/user-attachments/assets/12685deb-e38a-4166-b148-ec74e75804b9)

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

提供された HTML の例で問題を再現し、writeText() コマンドと navigator.clipboard.writeText() の呼び出しを比較します。拒否されたクリップボードの promise が catch と on exception によってどのように処理されるかを追跡し、その後、成功を報告したり未処理の rejection をログに記録したりせずに、エラーがハンドラーに到達することを確認します。

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

評価

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

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

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