Estoy usando vis-timeline 7.4.7.
Hay una característica, el sitio web dice:
Cuando la línea de tiempo está configurada para ser editable (ambas opciones seleccionables y editables son verdaderas), el usuario puede: ... Crear un nuevo elemento de rango arrastrando un espacio vacío con la tecla ctrl hacia abajo...
Necesito usar options.add=true, también editable y seleccionable, debido a las otras características que estoy usando.
Mi pregunta es: ¿hay alguna manera de deshabilitar la función "agregar nuevo elemento con ctrl/meta + hacer clic y arrastrar"?
Descubrí que lo maneja Input.domHandler -> ... -> reconocer -> ... -> propagatedHandler -> _onDragStart -> _onDragStartAddItem, pero no pude encontrar una manera de establecer una opción para deshabilitar esto.
Nota: Esa sería una excelente solución para ocultar el nuevo elemento azul (con un texto incorporado que dice "nuevo elemento"), pero el nuevo elemento no tiene ninguna clase especial ni nada que pueda apuntar con CSS. (El elemento no permanecerá vivo, ya que puedo capturarlo con la función onAdd, pero solo se ejecuta DESPUÉS de que el usuario suelte el botón del mouse)
Mi solución actual es que agrego mi propia clase a todos los elementos que creo, por lo que puedo crear el nuevo elemento con :not(). Bueno... no es la mejor solución :(
Nota 2: está sucediendo no solo con ctrlKey, sino también con metaKey
Cómo lo solucioné es así.
Un poco hacky. En el detector de eventos onAdd , hice lo siguiente.
function isUUID(uuid) { var regex = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i; return regex.test(uuid); } onAdd: (item, callback) => { if (item.content == 'new item' && isUUID(item.id) ) { callback(null) } else { //emits('onAdd', item); callback(item); }