Sriram yesoreyeram

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	<LoadingButton
	ariaErrorAlert={"There was an error creating your account"}
	ariaLoadingAlert={
	authState === AuthState.CreatingUser
	? "Registering account, please wait..."
	: authState === AuthState.FulfillingPurchase
	? "Generating license, please wait..."
	: "Loading..."
	}
	ariaSuccessAlert="Account created! Redirecting."

	# -- mode: ruby --
	# vi: set ft=ruby :

	# This script to install Kubernetes will get executed after we have provisioned the box
	$script = <<-SCRIPT

	# Install kubernetes
	apt-get update && apt-get install -y apt-transport-https
	curl -s https://packages.cloud.google.com/apt/doc/apt-key.gpg \| apt-key add -
	cat <<EOF >/etc/apt/sources.list.d/kubernetes.list

	# Extract from the following sites
	# https://docs.docker.com/engine/installation/linux/ubuntu/
	# https://docs.docker.com/compose/install/
	# https://docs.docker.com/machine/install-machine/

	Install docker on Ubuntu
	=========================

	sudo apt-get update

	#!/bin/sh
	# Copyright 2020 Paul Morgan
	# License: GPLv2 (https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html)
	set -x
	set -e
	#
	# Docker build calls this script to harden the image during build.
	#
	# NOTE: To build on CircleCI, you must take care to keep the `find`
	# command out of the /proc filesystem to avoid errors like:

	function onOpen() {
	var ss = SpreadsheetApp.getActiveSpreadsheet();
	var menuEntries = [ {name: "Run Query", functionName: "runQuery"} ];
	ss.addMenu("HTTP Archive + BigQuery", menuEntries);
	}

	function runQuery() {
	var projectNumber = 'httparchive';

	var sheet = SpreadsheetApp.getActiveSheet();