Announcing Dash Bio 1.0.0 🎉 : a one-stop-shop for bioinformatics and drug development visualizations.

"Not possible to find intersection inside of the rectangle" for callback view

Having read about the new debugging tools in dash 1.16, I upgraded my dash project to use the latest version (1.16.2).
However, I now get a “Not possible to find intersection inside of the rectangle” error and the callback panel shows " Oops! The callback graph threw an error. Check the error list for details."

To be sure, i also upgraded all the dash components I’m using:
dash==1.16.2
dash-core-components==1.12.1
dash-html-components==1.1.1
dash-renderer==1.8.2
dash-table==4.10.1
plotly==4.10.0
dash-daq==0.5.0

Yikes! Any chance you can share your code? It sounds like an issue with cytoscape, the underlying network graph library the callback tools are using.

I’m afraid that won’t be possible. Code is now thousands of lines and very specific to a backend I have here

@chriddyp is there any way I can find lower-level information to try and get to the bottom of it and try and reproduce it in a smaller setting that doesn’t have the level of dependency my current code has?

Hm, maybe we could just extract the list of callback dependencies and then try to load a dash app with the same ones. Could you visit local host:8050/_dash-dependencies and share with us the response? Note that this will include all of your input and output IDs which might include sensitive data.

The issue is not the sensitivity of the tool, but the large number of dependencies.
Anyway, here is the dash dependency payload:

[
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "button_toggle_options", 
        "property": "n_clicks"
      }
    ], 
    "output": "..options_panel.className..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "options_panel", 
        "property": "className"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "button_refresh_jobs", 
        "property": "n_clicks"
      }, 
      {
        "id": "url", 
        "property": "href"
      }
    ], 
    "output": "..selector_job_manifest.options...selector_job_manifest.value..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "selector_job_manifest", 
        "property": "value"
      }, 
      {
        "id": "root_path", 
        "property": "children"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "selector_job_manifest", 
        "property": "value"
      }, 
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "tab_level_1", 
        "property": "value"
      }
    ], 
    "output": "url.search", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "url", 
        "property": "search"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "selector_job_manifest", 
        "property": "value"
      }, 
      {
        "id": "url", 
        "property": "href"
      }
    ], 
    "output": "..table_comparisons.data...table_comparisons.selected_rows...table_comparisons.selected_row_ids...job_description.children...lastmod.children..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "root_path", 
        "property": "children"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "url", 
        "property": "href"
      }
    ], 
    "output": "..table_encodings.data...table_encodings.style_data_conditional...table_encodings.selected_row_ids...table_encodings.selected_rows...encoding_colors.data..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_rows"
      }, 
      {
        "id": "selector_metric", 
        "property": "value"
      }, 
      {
        "id": "check_rd_violins", 
        "property": "value"
      }, 
      {
        "id": "slider_rd_violin_width", 
        "property": "value"
      }, 
      {
        "id": "check_rd_guides", 
        "property": "value"
      }, 
      {
        "id": "check_rd_smooth", 
        "property": "value"
      }, 
      {
        "id": "option_dashed_lines_for_subsamples", 
        "property": "on"
      }
    ], 
    "output": "..graph_rd.figure...graph_rd.config...loading_graph_rd.children..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "tab_level_1", 
        "property": "value"
      }
    ], 
    "output": "..tab_level_1_content.children...tab_level_1.value..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "url", 
        "property": "search"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_rows"
      }, 
      {
        "id": "graph_rd", 
        "property": "selectedData"
      }
    ], 
    "output": "..table_renditions.data...table_renditions.style_data_conditional...table_renditions.selected_row_ids...table_renditions.selected_rows...button-export-csv-renditions.href...button-export-csv-renditions.download..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "encoding_colors", 
        "property": "data"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_renditions", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "selector_metric_perframe", 
        "property": "value"
      }, 
      {
        "id": "check_perframe_guides", 
        "property": "value"
      }, 
      {
        "id": "option_dashed_lines_for_subsamples", 
        "property": "on"
      }
    ], 
    "output": "..graph_framescores.figure...graph_kde.figure...graph_violin.figure...graph_framescores.config...graph_kde.config...graph_violin.config...loading_graph_framescores.children..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }
    ], 
    "output": "..selector_ladder_reference.options...selector_ladder_compared.options...selector_ladder_reference.value...selector_ladder_compared.value..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "selector_ladder_reference", 
        "property": "value"
      }, 
      {
        "id": "selector_ladder_compared", 
        "property": "value"
      }, 
      {
        "id": "selector_bandwidth_margin", 
        "property": "value"
      }, 
      {
        "id": "check_duplicates_A", 
        "property": "value"
      }, 
      {
        "id": "check_duplicates_B", 
        "property": "value"
      }, 
      {
        "id": "selector_metric", 
        "property": "value"
      }
    ], 
    "output": "..table_core_metrics.columns...table_core_metrics.data...table_core_metrics.style_data_conditional...table_delivery_metrics.columns...table_delivery_metrics.data...table_delivery_metrics.style_data_conditional...loading-side-by-side.children...button-export-csv-coremetrics.href...button-export-csv-coremetrics.download...button-export-csv-delivery.href...button-export-csv-delivery.download..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "encoding_colors", 
        "property": "data"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "selector_ladder_reference", 
        "property": "value"
      }, 
      {
        "id": "selector_ladder_compared", 
        "property": "value"
      }, 
      {
        "id": "selector_metric", 
        "property": "value"
      }
    ], 
    "output": "..table_bjont_metrics.columns...table_bjont_metrics.data...table_bjont_metrics.style_data_conditional...loading-bjont-scores.children...button-export-csv-bjont.href...button-export-csv-bjont.download..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "graph_framescores", 
        "property": "clickData"
      }
    ], 
    "output": "console.children", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_renditions", 
        "property": "selected_row_ids"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "google_creds_upload", 
        "property": "contents"
      }
    ], 
    "output": "..gsheet-info-msg.children...gsheet-credentials.children..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "gsheet_id", 
        "property": "value"
      }
    ], 
    "output": "status-gsheet-exporter.children", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "gsheet-credentials", 
        "property": "children"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "status-gsheet-exporter", 
        "property": "children"
      }
    ], 
    "output": "..button-export-gsheet-renditions.style...button-export-gsheet-delivery.style...button-export-gsheet-coremetrics.style...button-export-gsheet-bjont.style..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "button-export-gsheet-renditions", 
        "property": "n_clicks"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_rows"
      }
    ], 
    "output": "..hidden-export-gsheet-renditions.children...loading-export-gsheet-renditions.children..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "status-gsheet-exporter", 
        "property": "children"
      }, 
      {
        "id": "encoding_colors", 
        "property": "data"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "button-export-gsheet-coremetrics", 
        "property": "n_clicks"
      }, 
      {
        "id": "selector_ladder_reference", 
        "property": "value"
      }, 
      {
        "id": "selector_ladder_compared", 
        "property": "value"
      }, 
      {
        "id": "selector_metric", 
        "property": "value"
      }
    ], 
    "output": "..hidden-export-gsheet-coremetrics.children...loading-export-gsheet-coremetrics.children..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "status-gsheet-exporter", 
        "property": "children"
      }, 
      {
        "id": "encoding_colors", 
        "property": "data"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "button-export-gsheet-delivery", 
        "property": "n_clicks"
      }, 
      {
        "id": "selector_ladder_reference", 
        "property": "value"
      }, 
      {
        "id": "selector_ladder_compared", 
        "property": "value"
      }, 
      {
        "id": "selector_metric", 
        "property": "value"
      }, 
      {
        "id": "selector_bandwidth_margin", 
        "property": "value"
      }, 
      {
        "id": "check_duplicates_A", 
        "property": "value"
      }, 
      {
        "id": "check_duplicates_B", 
        "property": "value"
      }
    ], 
    "output": "..hidden-export-gsheet-delivery.children...loading-export-gsheet-delivery.children..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "status-gsheet-exporter", 
        "property": "children"
      }, 
      {
        "id": "encoding_colors", 
        "property": "data"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "button-export-gsheet-bjont", 
        "property": "n_clicks"
      }, 
      {
        "id": "selector_ladder_reference", 
        "property": "value"
      }, 
      {
        "id": "selector_ladder_compared", 
        "property": "value"
      }, 
      {
        "id": "selector_metric", 
        "property": "value"
      }
    ], 
    "output": "..hidden-export-gsheet-bjont.children...loading-export-gsheet-bjont.children..", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "status-gsheet-exporter", 
        "property": "children"
      }
    ]
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }
    ], 
    "output": "..selector_performance_reference.options..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_rows"
      }, 
      {
        "id": "selector_performance_reference", 
        "property": "value"
      }, 
      {
        "id": "check_speed_sort", 
        "property": "value"
      }, 
      {
        "id": "check_sizes_sort", 
        "property": "value"
      }
    ], 
    "output": "..graph_speed.figure...graph_speed.config...graph_outputsize.figure...graph_outputsize.config...loading_graph_performance.children..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_rows"
      }, 
      {
        "id": "selector_performance_reference", 
        "property": "value"
      }
    ], 
    "output": "..graph_perf_bjont.figure...graph_perf_bjont.config...loading_graph_performance-bjont.children..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "table_encodings", 
        "property": "selected_rows"
      }, 
      {
        "id": "selector_metric", 
        "property": "value"
      }, 
      {
        "id": "selector_ladder_dimension", 
        "property": "value"
      }
    ], 
    "output": "..graph_ladder_rungs.figure...graph_ladder_rungs.config...loading_graph_rungs.children..", 
    "prevent_initial_call": false, 
    "state": []
  }, 
  {
    "clientside_function": null, 
    "inputs": [
      {
        "id": "table_renditions", 
        "property": "selected_row_ids"
      }, 
      {
        "id": "selector_visual_type", 
        "property": "value"
      }, 
      {
        "id": "check_visual_text_overlays", 
        "property": "value"
      }, 
      {
        "id": "font_path", 
        "property": "value"
      }
    ], 
    "output": "mpv-cli.children", 
    "prevent_initial_call": false, 
    "state": [
      {
        "id": "table_comparisons", 
        "property": "selected_row_ids"
      }
    ]
  }
]

Wild theory: I have several tabs in the layout, and I use the children load method (to lazy load effectively). Each tab contains multiple graphs / datatables. The callbacks refer to Outputs that may not be in the currently showing tab.
The reason I mention this is that I have another related problem in some cases, which I didn’t use to have with a previous version of dash. (Error popping up stating that one of the Outputs cannot be found, as it’s in a tab not currently loaded) - even though I have `app.config.suppress_callback_exceptions = True)

@chriddyp any clue on the basis of that payload?

Anyone? I still have this issue and would really like a solution…

@chriddyp I’m still having this issue with the latest version… any chance someone could have a look? I could try and provide the full code through a docket image (containing data to make this work) if that’s helpful