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

Wabiloo · October 1, 2020, 1:09pm

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

chriddyp · October 1, 2020, 2:48pm

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.

Wabiloo · October 1, 2020, 2:52pm

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

Wabiloo · October 1, 2020, 3:58pm

@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?

chriddyp · October 1, 2020, 8:41pm

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.

Wabiloo · October 2, 2020, 3:17pm

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)

Wabiloo · October 6, 2020, 6:53am

@chriddyp any clue on the basis of that payload?

Wabiloo · November 5, 2020, 6:27pm

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

Wabiloo · December 12, 2020, 7:45am

@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

Topic		Replies	Views
Dash Intersection Observer Dash Python community-components	3	1034	July 28, 2023
:mega: Dash 1.16.0 - Brand New Debugging & Performance Tools, Improved Callback Graph, Date-Axis & Timeline Improvements, Faster Images, Content Security Policy, and Community Contributions Dash Python announcements	1	4469	September 10, 2020
:mega: Announcing Dash Dev Tools Dash Python announcements	35	11045	July 29, 2019
Callback Error when updating dcc.graph 📊 Plotly Python	0	553	August 5, 2021
Dash app with js clientside callback sometimes crashes Dash Python	10	2018	October 10, 2019

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

Related Topics