Akryum / Akryum/vue-mention

Tooltip renders outside of mobile view

Ouverte
#27 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
need-feedback
Langage dominant
Vue
Étoiles
556
Forks
58
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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?

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.