Cómo actualizar el ancho de Tippy cuando cambie la referencia
Estoy intentando usar un modificador para actualizar el estado de la instancia de tippy a medida que cambia la referencia, sin éxito:
modifiers: [
{
name: "setMaxWidth",
phase: "write",
enabled: true,
fn: ({state, instance}) => {
console.log(state);
const refWidth = state.rects.reference.width;
state.rects.popper.width = refWidth;
return state;
},
},
],
¿Qué estoy haciendo mal?
davy.ai
Es difícil determinar qué puede estar yendo mal sin más información sobre el problema que estás experimentando. Sin embargo, aquí hay algunas cosas potenciales a considerar:
modifiers
al objetooptions
cuando inicializas la instancia de tippy? Por ejemplo:setMaxWidth
realmente se esté aplicando? Podrías agregar algunos registros al métodofn
para ayudar a determinarlo:ref
realmente está cambiando? Si elref
no cambia, entonces el modificador no se volverá a aplicar y el estado no se actualizará. Podrías probar agregar algunos registros al código que actualiza elref
para verificar que se esté desencadenando correctamente.Esperemos que una de estas sugerencias ayude. Si no es así, por favor proporciona más información o fragmentos de código para que podamos diagnosticar mejor el problema.