DevTools: Fix highlight updates Canvas side problem (facebook#18973)

Brian Vaughn · web-flow · commit c93a6cb4d5d3 · 2020-05-21T10:04:37.000-07:00
diff --git a/packages/react-devtools-shared/src/backend/views/TraceUpdates/canvas.js b/packages/react-devtools-shared/src/backend/views/TraceUpdates/canvas.js
@@ -35,8 +35,8 @@ export function draw(nodeToData: Map<NativeType, Data>): void {
   }
 
   const canvasFlow: HTMLCanvasElement = ((canvas: any): HTMLCanvasElement);
-  canvasFlow.width = window.screen.availWidth;
-  canvasFlow.height = window.screen.availHeight;
+  canvasFlow.width = window.innerWidth;
+  canvasFlow.height = window.innerHeight;
 
   const context = canvasFlow.getContext('2d');
   context.clearRect(0, 0, canvasFlow.width, canvasFlow.height);

Original file line number	Diff line number	Diff line change
`@@ -35,8 +35,8 @@ export function draw(nodeToData: Map<NativeType, Data>): void {`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`const canvasFlow: HTMLCanvasElement = ((canvas: any): HTMLCanvasElement);`
`38`		`- canvasFlow.width = window.screen.availWidth;`
`39`		`- canvasFlow.height = window.screen.availHeight;`
	`38`	`+ canvasFlow.width = window.innerWidth;`
	`39`	`+ canvasFlow.height = window.innerHeight;`
`40`	`40`
`41`	`41`	`const context = canvasFlow.getContext('2d');`
`42`	`42`	`context.clearRect(0, 0, canvasFlow.width, canvasFlow.height);`