diff options
| author | mappi <mappi@mizuiromoon.com> | 2023-05-31 14:03:54 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-31 14:03:54 +0900 |
| commit | 6dd219b6c7d13d6852a5e4173fb8cd7430bd41ff (patch) | |
| tree | 880c1b02db61aa2a8eaa3f80b604028491c92a89 | |
| parent | 13.13.0-beta.6 (diff) | |
| download | sharkey-6dd219b6c7d13d6852a5e4173fb8cd7430bd41ff.tar.gz sharkey-6dd219b6c7d13d6852a5e4173fb8cd7430bd41ff.tar.bz2 sharkey-6dd219b6c7d13d6852a5e4173fb8cd7430bd41ff.zip | |
fix: Firefoxにおける絵文字ピッカーのTabキーフォーカス問題の修正 (#10926)
* fix 10744
* fix 10744
* Update CHANGELOG.md
* add comment
| -rw-r--r-- | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkEmojiPicker.vue | 3 |
2 files changed, 3 insertions, 1 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index dd7882c344..a53d506ef5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -38,6 +38,7 @@ - Fix: ロールタイムラインが無効でも投稿が流れてしまう問題の修正 - Fix: ロールタイムラインにて全ての投稿が流れてしまう問題の修正 - Fix: 「アクセストークンの管理」画面でアプリの情報が表示されない問題の修正 +- Fix: Firefoxにおける絵文字ピッカーのTabキーフォーカス問題の修正 ### Server - bullをbull-mqにアップグレードし、ジョブキューのパフォーマンスを改善 diff --git a/packages/frontend/src/components/MkEmojiPicker.vue b/packages/frontend/src/components/MkEmojiPicker.vue index b632baaa2b..aab00e17d6 100644 --- a/packages/frontend/src/components/MkEmojiPicker.vue +++ b/packages/frontend/src/components/MkEmojiPicker.vue @@ -1,7 +1,8 @@ <template> <div class="omfetrab" :class="['s' + size, 'w' + width, 'h' + height, { asDrawer, asWindow }]" :style="{ maxHeight: maxHeight ? maxHeight + 'px' : undefined }"> <input ref="searchEl" :value="q" class="search" data-prevent-emoji-insert :class="{ filled: q != null && q != '' }" :placeholder="i18n.ts.search" type="search" @input="input()" @paste.stop="paste" @keydown.stop.prevent.enter="onEnter"> - <div ref="emojisEl" class="emojis"> + <!-- FirefoxのTabフォーカスが想定外の挙動となるためtabindex="-1"を追加 https://github.com/misskey-dev/misskey/issues/10744 --> + <div ref="emojisEl" class="emojis" tabindex="-1"> <section class="result"> <div v-if="searchResultCustom.length > 0" class="body"> <button |