Trigger layout invalidation on widget display

Author: peytondmurray

ipywidgets_bokeh/package.json

@@ -28,7 +28,7 @@
     "webpack-cli": "^4.8.0"
   },
   "scripts": {
-    "dev": "tsc; webpack",
+    "dev": "tsc; webpack --mode=development",
     "build": "tsc && webpack --mode=production",
     "clean": "rimraf dist",
     "prepack": "npm run clean && npm run build"

ipywidgets_bokeh/src/manager.ts

@@ -139,7 +139,7 @@ export class WidgetManager extends HTMLManager {
     })
   }
 
-  async render(bundle: ModelBundle, el: HTMLElement): Promise<void> {
+  async render(bundle: ModelBundle, el: HTMLElement, onDisplay: () => void): Promise<void> {
     const {spec, state} = bundle
     const new_models = state.state
     for (const id in new_models) {
@@ -149,7 +149,9 @@ export class WidgetManager extends HTMLManager {
       const models = await this.set_state(state)
       const model = models.find((item) => item.model_id == spec.model_id)
       if (model != null) {
-        await this.display_model(undefined as any, model, {el})
+        const view = await this.create_view(model, {el})
+        view.on('displayed', onDisplay)
+        await this.display_view(undefined as any, view, {el})
       }
     } finally {
       for (const id in new_models) {

ipywidgets_bokeh/src/widget.ts

@@ -31,7 +31,13 @@ export class IPyWidgetView extends HTMLBoxView {
 
   async _render(): Promise<void> {
     const manager = widget_managers.get(this.model.document!)!
-    await manager.render(this.model.bundle, this.el)
+    await manager.render(
+      this.model.bundle,
+      this.el,
+      () => {
+        this.invalidate_layout()
+      }
+    )
   }
 }
 

ipywidgets_bokeh/webpack.config.js

@@ -34,7 +34,7 @@ module.exports = (env={}, argv={}) => {
       }
     ],
     module: {rules},
-    devtool: false,
+    devtool: mode === "development" ? 'inline-source-map' : false,
     mode,
     optimization: {minimize},
   }