Closed akanevrc closed 1 year ago
ノート内の画像を選択すると、photoswipeによる画像表示モードに移行しますが、この画像表示をクローズするための操作に関して、PCとスマホでUXが異なっています。 PC版では画像や画像外の領域をクリックすると、画像表示モードをクローズします。 これに対し、スマホ版では、タップ時に画像表示をクローズすることができません。
これは、photoswipeのtapActionの値が toggle-controls であるためです。 この値を、imageClickActionと同じく tapAction: 'close' とすることで、PC版と同様と思われるUXが得られます。
toggle-controls
tapAction: 'close'
https://github.com/misskey-dev/misskey/blob/9dd53527ca513f42c0ca9145e8122d898231f835/packages/frontend/src/components/MkMediaList.vue#L116
toggle-controls であることに特別な理由がなければ、 close に変更すべきであると考えます。
close
マージされましたので、閉じます
akanevrc
commented
1 year ago akanevrc
commented
1 year ago
Summary
ノート内の画像を選択すると、photoswipeによる画像表示モードに移行しますが、この画像表示をクローズするための操作に関して、PCとスマホでUXが異なっています。 PC版では画像や画像外の領域をクリックすると、画像表示モードをクローズします。 これに対し、スマホ版では、タップ時に画像表示をクローズすることができません。
これは、photoswipeのtapActionの値が
toggle-controlsであるためです。 この値を、imageClickActionと同じくtapAction: 'close'とすることで、PC版と同様と思われるUXが得られます。https://github.com/misskey-dev/misskey/blob/9dd53527ca513f42c0ca9145e8122d898231f835/packages/frontend/src/components/MkMediaList.vue#L116
toggle-controlsであることに特別な理由がなければ、closeに変更すべきであると考えます。