Akryum / Akryum/vue-mention

Tooltip renders outside of mobile view

Abierto
#27 2 comentarios 0 reacciones 0 asignados Ver en GitHub
need-feedback
Lenguaje dominante
Vue
Estrellas
556
Forks
58
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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?

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.