Akryum / Akryum/vue-mention

Tooltip renders outside of mobile view

オープン
#27 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
need-feedback
主要言語
Vue
スター
556
フォーク
58
PR マージ指標
30日以内にマージされた PR はありません

説明

In all of my implementations of vue-mention, the popup is positioned partially off screen on mobile. It appears like popper is calculating the left position outside of the boundaries of the viewport.

Quick example [browser](https://xkz9v.csb.app/) / [codesandbox](https://codesandbox.io/s/vue-mention-sandbox-forked-xkz9v)

![image](https://user-images.githubusercontent.com/4613/99881716-365a1f80-2bd0-11eb-9b0a-3ba062069298.png)

However, when I look at the demo on [vue-mention.netlify.app](https://vue-mention.netlify.app/), the position appears to be calculated correctly.

![image](https://user-images.githubusercontent.com/4613/99881708-1a567e00-2bd0-11eb-8a89-e82f10bd94eb.png)

I doesn't appear to be just margin on the input. If I remove the margin from the netlify demo, the popup still renders well within the view.

Thoughts on this?

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

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

評価

この issue はまだ評価されていません。

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

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