Estoy usando Tippy para crear información sobre herramientas para las opciones que configuran un cinturón, pero la información sobre herramientas se superpone a la vista previa del cinturón (ver más abajo).
Actualmente se ve así, cuando desborda la vista previa del cinturón principal: http://snpy.in/Btw2ZP
Pero me gustaría ajustar la altura máxima para que parezca que se sale de los límites: http://snpy.in/j43oIl
Esta funcionalidad ya está incorporada cuando la información sobre herramientas está más alta que la pantalla, luego aparece. Quiero que lo haga antes. ¿Hay alguna manera de configurar esto?
No estoy 100% seguro de si esto es lo que está preguntando, pero puede establecer la altura máxima de la información sobre herramientas agregando CSS a la información sobre herramientas. Tippy.js es simplemente un envoltorio Popper.js centrado en la información sobre herramientas, por lo que toda la configuración de Popper se aplica también a Tippy.
Aquí está la documentación de Popper sobre la edición de estilos de información sobre herramientas: https://popper.js.org/docs/v2/tutorial/#styling
También puede simplemente agregar una clase al contenido HTML de Tippy con una regla CSS max-height : https://atomiks.github.io/tippyjs/v6/html-content/
Esta funcionalidad ya está incorporada cuando la información sobre herramientas está más alta que la pantalla, luego aparece. Quiero que lo haga antes. ¿Hay alguna manera de configurar esto?
No, no parece haber una manera de configurar esto. No se menciona esto ni en la documentación de Tippy ni en la de Popper (el motor subyacente utilizado por Tippy). Su mejor oportunidad en esto es jugar con la height del contenido de la información sobre herramientas o las propiedades CSS max-height , o jugar con la propiedad de compensación.
Documentación compensada de Tippy https://atomiks.github.io/tippyjs/v6/all-props/#offset
Documentación compensada de Popper https://popper.js.org/docs/v2/modifiers/offset/#offset-1