bug in 3D controls on Safari

Descripción

NOTE: I found this issue not reproducible when using JSFiddle or on the website example. Therefore, I assume it is related to the entire structure of the DOM and not just on the elements created by Plotly.

When creating a 3D plot and rendering it in Safari, the controls are way too sensitive. Moreover, they respond to single click events, not just to drag events, making them basically useless. The same webpage loaded in Chrome shows no issues.

See attached GIFs.:

SAFARI
plotly_safari

CHROME
plotly_chrome

Source code:

index.html

<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="index.css">
</head>

<body>

    <div class="plotly-prova" style="width:100%; height:100%" style="margin: auto;"></div>

    <!---<script src="cdn/plotly-2.27.0.min.js" charset="utf-8"></script>--->
    <script src="https://cdn.plot.ly/plotly-2.27.1.min.js" charset="utf-8"></script>
    <script src="/gridstack-example.js"></script>

</body>

</html>

index.css

body {
    background-color: #222222;
    color: white;
}

gridstack-example.js - ignore the name. This is the same example that is on Plotly.js webpage.


TESTER = document.getElementsByClassName('plotly-prova')[0]

var pointCount = 31;
var i, r;

var x = [];
var y = [];
var z = [];
var c = [];

for(i = 0; i < pointCount; i++) 
{
   r = 10 * Math.cos(i / 10);
   x.push(r * Math.cos(i));
   y.push(r * Math.sin(i));
   z.push(i);
   c.push(i)
}

Plotly.newPlot(TESTER, [{
  type: 'scatter3d',
  mode: 'lines+markers',
  x: x,
  y: y,
  z: z,
  line: {
    width: 6,
    color: c,
    colorscale: "Viridis"},
  marker: {
    size: 3.5,
    color: c,
    colorscale: "Greens",
    cmin: -20,
    cmax: 50
  }},                  
]);

Using Safari 17.1 (19616.2.9.11.7) on MacOs 14.1.

Línea de trabajo

Comienza con la reproducción proporcionada en index.html y gridstack-example.js, centrándote en la llamada a Plotly.newPlot para el gráfico scatter3d en Safari 17.1 sobre macOS 14.1. Compara el comportamiento de los controles al hacer un solo clic y al arrastrar con el de Chrome usando los GIFs y el ejemplo proporcionados. Se considera terminado cuando los controles 3D ya no reaccionan excesivamente ni a los clics individuales en Safari, manteniendo al mismo tiempo el comportamiento normal de arrastre.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico

javascript

Área

data-visualization, frontend

Tipo de issue

Error

Dificultad

4/5

Tiempo estimado

3-5 días

Estado de actividad

Estancado

Claridad

Bastante claro

Aptitud para principiantes

42/100

Descripción

Guía de contribución

Primeros pasos

Línea de trabajo

Evaluación

bug in 3D controls on Safari

Descripción

Guía de contribución

Primeros pasos

Línea de trabajo

Evaluación

Recibe los nuevos issues en tu correo