Skip to content

fix: Discord上でメモのテキスト選択ができない問題 - #147

Merged
pm-onyx-bot merged 1 commit into
mainfrom
fix/discord-text-selection
Jun 24, 2026
Merged

fix: Discord上でメモのテキスト選択ができない問題#147
pm-onyx-bot merged 1 commit into
mainfrom
fix/discord-text-selection

Conversation

@pm-onyx-bot

Copy link
Copy Markdown
Collaborator

概要

Discord(Electron/Chromium)上でメモブックマークレットを起動すると、メモ本文がテキスト選択できない問題を修正。

原因

Discord の CSS で body { user-select: none; } が設定されている。
Shadow DOM のホスト要素は Shadow DOM の内側と外側を継承でつなぐため、user-select のような inherited property は shadow host を介して Shadow DOM 内部に継承される。

その結果、Discord の body { user-select: none } がメモウィジェット内部まで浸透してテキスト選択が効かない状態になっていた。

修正

wrap 要素(メモウィジェットの最上位コンテナ)に user-select: text / -webkit-user-select: text を明示的に指定し、継承を打ち消す。wrap は Shadow DOM 内部で最初に実コンテンツを持つ要素であり、ここで指定すればすべての子孫要素に正しく継承される。

確認

  • node build.js 成功

@pm-onyx-bot
pm-onyx-bot force-pushed the fix/discord-text-selection branch 2 times, most recently from 51ef05a to 0ac0bcb Compare June 24, 2026 05:39
Discordのbodyに設定された user-select: none が原因で、
メモウィジェット内でテキスト選択ができない問題を修正。

user-select はShadow DOM境界を越えた継承が
Chromium/Electron上で確実ではないため、
以下の要素に直接 user-select:text を指定:
- shadow host (#ls-memo-final)
- wrap(メインコンテナ)
- 設定ダイアログ overlay(PopupModal)
- 変数編集ダイアログ overlay
- テンプレート入力フォーム overlay

v61→v62
@pm-onyx-bot
pm-onyx-bot force-pushed the fix/discord-text-selection branch from 0ac0bcb to dfd4126 Compare June 24, 2026 05:41
@github-actions

Copy link
Copy Markdown
Contributor

🎉 Build Successful!

🔗 即座に動作確認

以下のリンクから、ダウンロード不要でブックマークレットを確認できます:

👉 PR Preview を開く

このページでブックマークレットをブックマークバーにドラッグ&ドロップして、すぐに動作確認できます。

@pm-onyx-bot
pm-onyx-bot merged commit de8cfd4 into main Jun 24, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant