Skip to content

Plotly Choroplet loses interactivity when st.sidebar.slider is added (st.slider is fine) #365

@svilupp

Description

@svilupp

Summary

When st.sidebar.slider is added map-based plotly charts will lose their interactivity.
I've tested multiple types and it does not affect simple charts (eg, bar chart), but it does affect map-like charts (eg, choropleth, line geo, scatter geo)

Steps to reproduce

What are the steps we should take to reproduce the bug:

  1. Just run the attached code
  2. Try hovering over various charts when st.sidebar.slider(s) are present - it won't work for the below 3 charts

Expected behavior:

When hovering over all plotly charts, you should be able to see a hover box with additional info about each data point + you can move the focus with your mouse pointer and zoom in and out

Actual behavior:

When hovering over the bottom 3 charts with st.siderbar.slider enabled, charts are completely flat (like if the JS events weren't working)
When you change the sliders into st.slider or comment them out, it will start working again.

Is this a regression?

no

Debug info

  • Streamlit version: 0.47.4
  • Python version: 3.6.5 (but same behaviour tested also on 3.7)
  • Using Conda
    • Plotly: 4.0.0 (but found the same behaviour also with 4.1.1 and 4.1.0)
    • Plotly express: 0.3.1 (but found the same behaviour also with 0.4.1)
  • OS version: Windows 10
  • Browser version: Chrome Version 77.0.3865.90

Uploaded python script
plotly_example.zip

Additional information

If needed, add any other context about the problem here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    type:bugSomething isn't working as expected

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions