Clickmode "event+select" activated and Clicking outside of Graph calls onUpdate incorrectly
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript, react
- Domínio
- data-visualization, frontend
Direção de pesquisa
Comece com a reprodução vinculada no CodeSandbox e o tratamento de react-plotly.js para clickmode "event+select" com dragmode "select". Compare os callbacks e o estado do gráfico após clicar em um ponto e depois fora dele, e determine se o comportamento pertence a este wrapper ou ao Plotly.js. Está concluído quando a deseleção é reportada, a seleção é removida e o gráfico permanece totalmente opaco.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Hi, currently working on Streamlit + Plotly selections! I noticed this bug that didn't seem like a bug on Streamlit's side.
It seems like onUpdate gets called and graph gets updated visually incorrectly when clickmode: "event+select" and dragmode: "select" and doing selection clicks. I would expect onDeselect to be called and layout.selections to remove the selection because selectedpoints in data has []
Reproducible example: https://codesandbox.io/p/sandbox/react-forked-6rypkr?file=%2Fsrc%2FApp.tsx
Steps to reproduce:
- Click on a single point
- Click outside of a point
Expectation: Graph is not less than 100% opaque
Actual: Graph is less than 100% opaque and weird and onUpdate is not called
Video to show actual:
https://github.com/plotly/react-plotly.js/assets/16749069/632b9ef7-c213-4a27-a7c7-08f5b8c9417e
I read that most issues here are likely Plotly.js problems but not sure if that's the case because I went to check plotly.js code and onUpdate is a callback while plotly.js contains an update function as far as I can tell.
- Linguagem predominante
- JavaScript
- Estrelas
- 1.1k
- Forks
- 138
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de plotly/react-plotly.js
-
P3 plotly-internal size: 1 task
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 45/100
plotly/react-plotly.js#386 ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 48/100
plotly/react-plotly.js#358 · 1 comentário ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
plotly/react-plotly.js#354 ·
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 30/100
plotly/react-plotly.js#353 · 1 comentário ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
plotly/react-plotly.js#352 · 1 comentário ·
Todas as issues de plotly/react-plotly.js
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 66/100
riverqueue/river#1576 ·
Mantenedores costumam responder em até 1 dia
-
documentation good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
Mantenedores costumam responder em até 1 dia
-
good first issue help wanted
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
modrollstudio/Modroll-Studio-Website#80 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
good first issue help wanted
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 85/100
mafzalkalwardev/mailforge#21 ·
-
good first issue help wanted
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 82/100