Al arrastrar una imagen no seleccionada en un editor de texto enriquecido, se sube repetidamente

No estoy seguro de si esto es un problema de diseño, pero por ahora lo colocaré en esta categoría.

Subir una imagen en el editor de texto enriquecido:

  • Si haces clic en ella (lo que la selecciona) y luego la arrastras, la imagen se moverá. :smiley:
  • Si la arrastras sin hacer clic en ella primero, se tratará como un nuevo recurso de imagen y se volverá a realizar la operación de carga… :sweat_smile:

Me confunde este último escenario, porque creo que, independientemente de si haces clic en ella o no, arrastrar debería mover la posición de la imagen en lugar de volver a cargarla. :slightly_smiling_face:
Si esto no es un error sino un diseño intencional, cualquiera puede indicarme en qué escenario se utilizaría la carga repetida. :grinning_face_with_smiling_eyes:

2 Me gusta

No puedo reproducirlo :woman_shrugging: Quizás alguien más lo logre.

¿Qué navegador estás usando?

Navegador Edge, versión 145.0.3800.82. Acabo de actualizar a la 148.0.3967.54, pero no ha mejorado.

Sí, espero que alguien más pueda reproducirlo con éxito. :face_with_head_bandage:
Solo puedo confirmar que este problema existe, pero no conozco la causa específica.
Inicialmente, un usuario de mi sitio web me informó que encontró este problema al arrastrar una imagen que había subido. En ese momento, también me costaba reproducirlo, a menos que copiara directamente el Markdown que el usuario utilizó para subir esa imagen. Parece estar relacionado tanto con el sitio web como con el archivo adjunto en sí (todas las imágenes problemáticas parecen ser archivos PNG), y no pude reproducirlo en Meta tampoco (incluso si subía el mismo archivo adjunto a Meta), por lo que este problema se dejó de lado.
El día que creé este tema, se me ocurrió una idea repentina y probé con la imagen PNG del logotipo predeterminado de Discourse del video, y finalmente logré reproducir el problema en Meta. Sin embargo, cuando lo intenté de nuevo hoy, parece que ya no se puede hacer referencia a esta imagen; el material de prueba que logró reproducir el problema en Meta ha desaparecido nuevamente. :face_with_spiral_eyes:

En resumen, este es efectivamente un caso límite muy difícil de desencadenar, pero una vez desencadenado, se reproduce de manera estable para el mismo archivo adjunto del mismo sitio.

No, lo siento, no importa cómo intente arrastrar, ni siquiera con el logotipo de ejemplo, no puedo desencadenar el problema.

No tengo Edge listo para probar, así que quizás sea algo relacionado con el navegador. ¿Puedes probarlo en un navegador Chromium?

Hola, intentando (en Edge, versión 148.0.3967.54 (compilación oficial) (64 bits)) ayudar a probar este error…


Este es el texto después de la imagen

2 Me gusta

¿Acaso Edge no es un navegador Chromium?

Hmm… Intenté recrear este error, pero hasta ahora no lo logré. Si puedes ser más específico, lo intentaré de nuevo y te informaré sobre los resultados.

2 Me gusta

No entiendo… ¿cómo puedes arrastrarlo sin hacer clic primero?

Veo que en tu publicación hay dos apariciones de ![image](/images/discourse-logo-sketch-small.png). ¿Es esto un producto de una reproducción exitosa? Es decir: ¿puedes reproducir el problema con el logotipo pequeño, pero no con la imagen de tu gato?

Primero coloque el cursor sobre otro fragmento de texto, luego presione y mantenga pulsado el botón izquierdo del ratón sobre la imagen y arrástrela directamente. Si hace clic (y suelta) primero y luego arrastra, en realidad habrá seleccionado la imagen.

OK, en Edge y usando el editor enriquecido (RTE), comenzando de nuevo para probar…

subiendo una nueva imagen a continuación…

… y ahora arrastrando la imagen hacia abajo, debajo del siguiente párrafo…

Aquí está el siguiente párrafo…

Este es el siguiente párrafo. Ahora arrastraré la imagen hacia abajo, debajo de aquí…

En la prueba anterior (realizada en la última versión de Edge y con el editor enriquecido del compositor de Discourse), arrastrar la imagen cargada anteriormente pareció funcionar correctamente; ¿no vi ninguna indicación de que fuera necesario volver a cargarla?

Tal vez tengas la suerte de no haber encontrado nunca este error :smiley:, pero de todos modos, en el video de abajo demuestro el flujo de pulsación de teclas que activa las dos operaciones, subir y mover, usando KeyCastOW, para que tú y otros puedan entender claramente el proceso específico.


Subir - Mantén pulsado el botón izquierdo del ratón y arrastra directamente


Mover - Haz clic con el botón izquierdo del ratón y luego arrastra

Por cierto, acabo de probar usando tu gato (![image](https://d11a6trkgmumsb.cloudfront.net/original/4X/c/8/4/c84af711be6e56b1fa1500710edd6869364935da.png)) y tu otra imagen (![image](https://d11a6trkgmumsb.cloudfront.net/original/4X/8/9/8/89898942816045cca658884fa050bacd20f3cdfb.jpeg)), y descubrí que ninguna de las dos podía desencadenar este problema.

Te sugiero que uses ![image](/images/discourse-logo-sketch-small.png) para las pruebas; al menos, a mi conocimiento es un material de prueba que puede reproducir de forma fiable el problema. Si no logras reproducir el problema con ella, tal vez tengas simplemente esa suerte. :wink:

¿Podría ser que este problema se limite a esta imagen en particular?


A continuación se muestran 2 pegados en el editor en modo RTE…

![image](/images/discourse-logo-sketch-small.png)

![image](/images/discourse-logo-sketch-small.png)


A continuación se muestran 2 más pegados en el editor en modo Markdown

!\[image\](/images/discourse-logo-sketch-small.png)

En este segundo escenario, ¿estás diciendo que crees que se están subiendo 2 instancias/copias diferentes de la imagen/archivo y que luego se almacenan 2 archivos en el servidor?

¿O que la imagen pegada no se sube realmente al servidor hasta que (después de subirla) haces clic en ella (y solo entonces se sube y almacena esa única instancia de la imagen/archivo en el servidor)?

No, hay múltiples imágenes en mi propio sitio web que pueden reproducir el problema, pero no he realizado mucha investigación en Meta y hasta ahora solo he encontrado este caso.

No, de hecho Discourse es más inteligente de lo que pensábamos. Por ejemplo:
Un usuario de mi sitio web subió una imagen, y bajo el editor Markdown aparece así:

...
![pic|370x494, 40%](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg)
...

Obtuve su enlace completo a través de las herramientas de desarrollador del navegador: https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg. Así que referencé la imagen en el editor usando el formato de enlace completo:

![imagen](https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg)

Después de arrastrar sin hacer clic (lo que activa una subida) en el editor de texto enriquecido, el contenido en el editor Markdown se convierte en:

![imagen](https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg)

![imagen|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg)

Se puede ver que, aunque Discourse muestra que arrastrar activa una subida, la imagen en realidad aparece como ![imagen|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg), lo que corresponde al mismo archivo adjunto originalmente subido por ese usuario como https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg.

  • Arrastrar una imagen referenciada en el formato ![imagen|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg) también resulta en el mismo comportamiento.

Desde esta perspectiva, activar una subida nuevamente no ocupa realmente espacio adicional de almacenamiento; solo el primer archivo subido ocupa realmente almacenamiento en el servidor. Así que es solo un problema de experiencia de usuario: los usuarios se confunden sobre “¿por qué arrastrar una imagen (cuando hago clic y luego arrastro sin soltar el ratón) no se mueve como se esperaba, sino que muestra una subida en curso y duplica la imagen?”

1 me gusta

Entonces, por ahora, concluiría que (¡buenas noticias!) parece que la imagen no se sube realmente de forma repetida, sino que solo se sube una instancia (?).

1 me gusta