Merge pull request #3896 from microsoft/hediet/b/vicarious-sloth

Playground improvements

website/src/website/pages/playground/PlaygroundModel.ts

@@ -140,7 +140,7 @@ export class PlaygroundModel {
 		}
 	}
 
-	private readonly debouncer = new Debouncer(250);
+	private readonly debouncer = new Debouncer(700);
 
 	@observable
 	public isDirty = false;

website/src/website/pages/playground/PlaygroundPageContent.tsx

@@ -133,10 +133,16 @@ export class PlaygroundPageContent extends React.Component<
 												checked={
 													model.settings.autoReload
 												}
-												onChange={(e) =>
-													(model.settings.autoReload =
-														e.target.checked)
-												}
+												onChange={(e) => {
+													model.settings.autoReload =
+														e.target.checked;
+													if (
+														e.target.checked &&
+														model.isDirty
+													) {
+														model.reload();
+													}
+												}}
 											/>
 										)}
 										<Button