Skip to content

Component Div inside tab cannot render when upgrading from dash 1.6.1 to 1.7.0 #1146

Closed
@ycaokris

Description

@ycaokris

App related: https://github.com/plotly/dash-sample-apps/tree/master/apps/dash-manufacture-spc-dashboard
Callback related: https://github.com/plotly/dash-sample-apps/blob/854b8df105e24b04f6b3f9124c016f1e01b23691/apps/dash-manufacture-spc-dashboard/app.py#L943-L993

  • replace the result of pip list | grep dash below
dash                 1.7.0  
dash-core-components 1.6.0  
dash-daq             0.4.0  
dash-html-components 1.0.2  
dash-renderer        1.2.2  
dash-table           4.5.1  
  • if frontend related, tell us your Browser, Version and OS

    • OS: [e.g. iOS]: MacOS Mojave
    • Browser [e.g. chrome, safari]: MacOS Chrome Version 80.0.3987.132 (Official Build) (64-bit), Firefox 73.0.1

Describe the bug

Div(as callback Output) within tab1 cannot be updated by dropdown in the same tab after dropdown option change - > tab switching back.

Expected behavior

I noticed this problem when updating from dash1.6.1 to dash1.7.0. As shown on the gif below, a callback is fired from dropdown selection within first tab to update the control sections on the right. This section doesn't render for me for dash1.7.0 when I : 1) Click on tab1 2) change dropdown value to a different one 3) Navigate to tab2 then Navigate back to tab1.

I've tried to simplify the output to an individual html.Div("update time" + str(time.time())), and still behaves the same. My callback is fired as usual upon tab navigation/dropdown-toggling. Looking into dev-tool has indicated that the dash_update_component has been sent back to front-end, so I wonder it could simply be a render-related issue.

app

Screen_Shot_2020-03-06_at_10_37_11_AM

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions