From 6d7bdfa0c0f8b55de68aab9a249644dd00fd4801 Mon Sep 17 00:00:00 2001
From: "olivier.carpentier@gmail.com" <ocarpen@microsoft.com>
Date: Thu, 15 Jun 2017 16:07:33 +0200
Subject: [PATCH] v1.0.4

---
 README.md                                      |  4 ++--
 config/package-solution.json                   |  2 +-
 package.json                                   | 18 +++++++++---------
 src/webparts/accordion/AccordionWebPart.ts     |  2 ++
 .../animatedText/AnimatedTextWebPart.ts        | 10 ++++++++++
 src/webparts/arcText/ArcTextWebPart.ts         |  6 ++++++
 .../audioEqualizer/AudioEqualizerWebPart.ts    |  8 ++++++++
 src/webparts/barChart/BarChartWebPart.ts       | 10 ++++++++++
 .../bingTranslator/BingTranslatorWebPart.ts    |  4 ++++
 src/webparts/carousel3D/Carousel3DWebPart.ts   |  8 ++++++++
 src/webparts/coverflow/DockMenuWebPart.ts      | 12 ++++++++++++
 src/webparts/gridGallery/GridGalleryWebPart.ts | 16 ++++++++++++++++
 src/webparts/imageColor/ImageColorWebPart.ts   |  2 ++
 src/webparts/imagePuzzle/ImagePuzzleWebPart.ts |  4 ++++
 src/webparts/lineChart/LineChartWebPart.ts     | 12 ++++++++++++
 src/webparts/markdown/MarkdownWebPart.ts       |  4 ++++
 src/webparts/mediaPlayer/MediaPlayerWebPart.ts |  2 ++
 src/webparts/messageBar/MessageBarWebPart.ts   | 12 ++++++++++++
 .../newsCarousel/NewsCarouselWebPart.ts        | 12 ++++++++++++
 src/webparts/newsSlider/NewsSliderWebPart.ts   | 16 ++++++++++++++++
 src/webparts/newsTicker/NewsTickerWebPart.ts   | 16 ++++++++++++++++
 src/webparts/pieChart/PieChartWebPart.ts       | 16 ++++++++++++++++
 src/webparts/polarChart/PolarChartWebPart.ts   | 16 ++++++++++++++++
 src/webparts/qrCode/QrCodeWebPart.ts           |  2 ++
 src/webparts/radarChart/RadarChartWebPart.ts   | 12 ++++++++++++
 src/webparts/rssReader/RssReaderWebPart.ts     |  8 ++++++++
 .../simpleCarousel/SimpleCarouselWebPart.ts    | 16 ++++++++++++++++
 src/webparts/simplePoll/SimplePollWebPart.ts   |  8 ++++++++
 .../sliderGallery/SliderGalleryWebPart.ts      | 12 ++++++++++++
 .../SocialPhotoStreamWebPart.ts                |  2 ++
 src/webparts/socialShare/SocialShareWebPart.ts |  2 ++
 src/webparts/stockInfo/StockInfoWebPart.ts     |  2 ++
 src/webparts/tabs/TabsWebPart.ts               |  6 ++++++
 src/webparts/textRotator/TextRotatorWebPart.ts | 10 ++++++++++
 .../tilesGallery/TilesGalleryWebPart.ts        | 14 ++++++++++++++
 src/webparts/tilesMenu/TilesMenuWebPart.ts     | 14 ++++++++++++++
 src/webparts/tweetsFeed/TweetsFeedWebPart.ts   |  4 ++++
 src/webparts/typeWriting/TypeWritingWebPart.ts | 10 ++++++++++
 .../VerticalTimelineWebPart.ts                 |  8 ++++++++
 39 files changed, 330 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 53006cef..7d5317f3 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # SPFx Fantastic 40 Web Parts
 
-![release](https://img.shields.io/badge/release-v1.0.3-blue.svg)
+![release](https://img.shields.io/badge/release-v1.0.4-blue.svg)
 ![status](https://img.shields.io/badge/status-stable-green.svg)
 ![mit](https://img.shields.io/badge/license-MIT-yellow.svg)
 
@@ -13,7 +13,7 @@ These webparts are available: **English, French, Spanish, German**.
 
 **IMPORTANT NOTE: These web parts are not officially supported by Microsoft. Please use the "Issues" tab on this site to report bug or requests for development.**
 
-**Current Version**: v1.0.3 - [Click here to download and install](https://github.com/OlivierCC/spfx-40-fantastics/wiki/Installation-process)
+**Current Version**: v1.0.4 - [Click here to download and install](https://github.com/OlivierCC/spfx-40-fantastics/wiki/Installation-process)
 
 **Current SPFx Release support** - ![GA](https://img.shields.io/badge/SPFx-General%20Availability-red.svg) - [Release Note](https://github.com/SharePoint/sp-dev-docs/wiki/Release-Notes-GA)
 
diff --git a/config/package-solution.json b/config/package-solution.json
index 9633f7fa..1cf9b0ca 100644
--- a/config/package-solution.json
+++ b/config/package-solution.json
@@ -2,7 +2,7 @@
   "solution": {
     "name": "SPFx Fantastic 40 WebParts",
     "id": "425c9654-a3f8-427e-827f-033979560b6b",
-    "version": "1.0.3.0"
+    "version": "1.0.4.0"
   },
   "paths": {
     "zippedPackage": "solution/spfx-fantastic-40.sppkg"
diff --git a/package.json b/package.json
index bc8c2a2e..508341ef 100644
--- a/package.json
+++ b/package.json
@@ -1,16 +1,16 @@
 {
   "name": "spfx-40-fantastics",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": true,
   "engines": {
     "node": ">=0.10.0"
   },
   "dependencies": {
    "@microsoft/sp-client-base": "~1.0.0",
-    "@microsoft/sp-core-library": "~1.0.0",
-    "@microsoft/sp-http": "^1.0.0",
-    "@microsoft/sp-loader": "^1.0.0",
-    "@microsoft/sp-webpart-base": "~1.0.0",
+    "@microsoft/sp-core-library": "~1.1.0",
+    "@microsoft/sp-http": "^1.1.1",
+    "@microsoft/sp-loader": "^1.1.1",
+    "@microsoft/sp-webpart-base": "~1.1.1",
     "@types/react": "0.14.46",
     "@types/react-addons-shallow-compare": "0.14.17",
     "@types/react-addons-test-utils": "0.14.15",
@@ -23,14 +23,14 @@
     "react": "15.4.2",
     "react-dom": "15.4.2",
     "orchestrator": "^0.3.8",
-    "sp-client-custom-fields": "^1.3.3",
+    "sp-client-custom-fields": "^1.3.5",
     "through2": "^2.0.3",
     "typewriting": "^1.2.2"
   },
   "devDependencies": {
-    "@microsoft/sp-build-web": "~1.0.1",
-    "@microsoft/sp-module-interfaces": "~1.0.0",
-    "@microsoft/sp-webpart-workbench": "~1.0.0",
+    "@microsoft/sp-build-web": "~1.1.0",
+    "@microsoft/sp-module-interfaces": "~1.1.0",
+    "@microsoft/sp-webpart-workbench": "~1.1.0",
     "@types/chai": ">=3.4.34 <3.6.0",
     "@types/mocha": ">=2.2.33 <2.6.0",
     "gulp": "~3.9.1"
diff --git a/src/webparts/accordion/AccordionWebPart.ts b/src/webparts/accordion/AccordionWebPart.ts
index af49a056..fa3f6952 100644
--- a/src/webparts/accordion/AccordionWebPart.ts
+++ b/src/webparts/accordion/AccordionWebPart.ts
@@ -197,6 +197,8 @@ export default class AccordionWebPart extends BaseClientSideWebPart<IAccordionWe
                     { id: 'Title', title: 'Title', required: true, type: CustomListFieldType.string }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   context: this.context,
                   key: "accordionCustomListField"
diff --git a/src/webparts/animatedText/AnimatedTextWebPart.ts b/src/webparts/animatedText/AnimatedTextWebPart.ts
index b1c9daa2..7e13312a 100644
--- a/src/webparts/animatedText/AnimatedTextWebPart.ts
+++ b/src/webparts/animatedText/AnimatedTextWebPart.ts
@@ -203,6 +203,8 @@ export default class AnimatedTextWebPart extends BaseClientSideWebPart<IAnimated
                   label: strings.Align,
                   initialValue: this.properties.align,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "animatedTextAlignField"
                 }),
@@ -212,6 +214,8 @@ export default class AnimatedTextWebPart extends BaseClientSideWebPart<IAnimated
                   previewFonts: true,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "animatedTextFontField"
                 }),
@@ -221,6 +225,8 @@ export default class AnimatedTextWebPart extends BaseClientSideWebPart<IAnimated
                   preview: true,
                   initialValue: this.properties.fontSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "animatedTextFontSizeField"
                 }),
@@ -228,6 +234,8 @@ export default class AnimatedTextWebPart extends BaseClientSideWebPart<IAnimated
                   label: strings.FontColor,
                   initialColor: this.properties.fontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "animatedTextFontColorField"
                 }),
@@ -235,6 +243,8 @@ export default class AnimatedTextWebPart extends BaseClientSideWebPart<IAnimated
                   label: strings.BackgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "animatedTextBgColorField"
                 })
diff --git a/src/webparts/arcText/ArcTextWebPart.ts b/src/webparts/arcText/ArcTextWebPart.ts
index 985b045b..84f5af53 100644
--- a/src/webparts/arcText/ArcTextWebPart.ts
+++ b/src/webparts/arcText/ArcTextWebPart.ts
@@ -153,6 +153,8 @@ export default class ArcTextWebPart extends BaseClientSideWebPart<IArcTextWebPar
                   previewFonts: true,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "arcTextFontField"
                 }),
@@ -162,6 +164,8 @@ export default class ArcTextWebPart extends BaseClientSideWebPart<IArcTextWebPar
                   preview: true,
                   initialValue: this.properties.size,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "arcTextFontSizeField"
                 }),
@@ -169,6 +173,8 @@ export default class ArcTextWebPart extends BaseClientSideWebPart<IArcTextWebPar
                   label: strings.ColorFieldLabel,
                   initialColor: this.properties.color,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "arcTextColorField"
                 })
diff --git a/src/webparts/audioEqualizer/AudioEqualizerWebPart.ts b/src/webparts/audioEqualizer/AudioEqualizerWebPart.ts
index 8fe5309a..7a8712a1 100644
--- a/src/webparts/audioEqualizer/AudioEqualizerWebPart.ts
+++ b/src/webparts/audioEqualizer/AudioEqualizerWebPart.ts
@@ -155,6 +155,8 @@ export default class AudioEqualizerWebPart extends BaseClientSideWebPart<IAudioE
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -201,6 +203,8 @@ export default class AudioEqualizerWebPart extends BaseClientSideWebPart<IAudioE
                   label: strings.color,
                   initialColor: this.properties.color,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "audioEqualizerColorField"
                 }),
@@ -208,6 +212,8 @@ export default class AudioEqualizerWebPart extends BaseClientSideWebPart<IAudioE
                   label: strings.color1,
                   initialColor: this.properties.color1,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "audioEqualizerColor1Field"
                 }),
@@ -215,6 +221,8 @@ export default class AudioEqualizerWebPart extends BaseClientSideWebPart<IAudioE
                   label: strings.color2,
                   initialColor: this.properties.color2,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "audioEqualizerColor2Field"
                 })
diff --git a/src/webparts/barChart/BarChartWebPart.ts b/src/webparts/barChart/BarChartWebPart.ts
index 2f36563a..f237c4a0 100644
--- a/src/webparts/barChart/BarChartWebPart.ts
+++ b/src/webparts/barChart/BarChartWebPart.ts
@@ -180,6 +180,8 @@ export default class BarChartWebPart extends BaseClientSideWebPart<IBarChartWebP
                     { id: 'Hover Color', title: "Hover Color", required: true, type: CustomListFieldType.colorMini }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: "barChartCustomListField"
@@ -193,6 +195,8 @@ export default class BarChartWebPart extends BaseClientSideWebPart<IBarChartWebP
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -239,6 +243,8 @@ export default class BarChartWebPart extends BaseClientSideWebPart<IBarChartWebP
                   previewFonts: true,
                   initialValue: this.properties.titleFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "barChartFontField"
                 }),
@@ -248,6 +254,8 @@ export default class BarChartWebPart extends BaseClientSideWebPart<IBarChartWebP
                   preview: true,
                   initialValue: this.properties.titleSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "barChartTitleSizeField"
                 }),
@@ -255,6 +263,8 @@ export default class BarChartWebPart extends BaseClientSideWebPart<IBarChartWebP
                   label: strings.TitleColor,
                   initialColor: this.properties.titleColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "barChartTitleColorField"
                 })
diff --git a/src/webparts/bingTranslator/BingTranslatorWebPart.ts b/src/webparts/bingTranslator/BingTranslatorWebPart.ts
index e33c63eb..5bfdbbff 100644
--- a/src/webparts/bingTranslator/BingTranslatorWebPart.ts
+++ b/src/webparts/bingTranslator/BingTranslatorWebPart.ts
@@ -180,6 +180,8 @@ export default class BingTranslatorWebPart extends BaseClientSideWebPart<IBingTr
                   label: strings.color,
                   initialColor: this.properties.color,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "bingTranslatorColorField"
                 }),
@@ -187,6 +189,8 @@ export default class BingTranslatorWebPart extends BaseClientSideWebPart<IBingTr
                   label: strings.backgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "bingTranslatorBgColorField"
                 })
diff --git a/src/webparts/carousel3D/Carousel3DWebPart.ts b/src/webparts/carousel3D/Carousel3DWebPart.ts
index d4858bee..671d610a 100644
--- a/src/webparts/carousel3D/Carousel3DWebPart.ts
+++ b/src/webparts/carousel3D/Carousel3DWebPart.ts
@@ -231,6 +231,8 @@ export default class Carousel3DWebPart extends BaseClientSideWebPart<ICarousel3D
                     { id: 'Link Text', title: 'Link Text', required: false, type: CustomListFieldType.string, hidden: true }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: "carousel3DListField"
@@ -355,6 +357,8 @@ export default class Carousel3DWebPart extends BaseClientSideWebPart<ICarousel3D
                   previewFonts: true,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "carousel3DFontField"
                 }),
@@ -364,6 +368,8 @@ export default class Carousel3DWebPart extends BaseClientSideWebPart<ICarousel3D
                   preview: true,
                   initialValue: this.properties.fontSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "carousel3DFontSizeField"
                 }),
@@ -371,6 +377,8 @@ export default class Carousel3DWebPart extends BaseClientSideWebPart<ICarousel3D
                   label: strings.ColorFieldLabel,
                   initialColor: this.properties.fontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "carousel3DFontColorField"
                 })
diff --git a/src/webparts/coverflow/DockMenuWebPart.ts b/src/webparts/coverflow/DockMenuWebPart.ts
index e45b5597..579abee8 100644
--- a/src/webparts/coverflow/DockMenuWebPart.ts
+++ b/src/webparts/coverflow/DockMenuWebPart.ts
@@ -187,6 +187,8 @@ export default class DockMenuWebPart extends BaseClientSideWebPart<IDockMenuWebP
                     { id: 'Link Text', title: 'Link Text', required: false, type: CustomListFieldType.string, hidden: true }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: "coverflowListField"
@@ -282,6 +284,8 @@ export default class DockMenuWebPart extends BaseClientSideWebPart<IDockMenuWebP
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "coverflowAlignField"
                 }),
@@ -289,6 +293,8 @@ export default class DockMenuWebPart extends BaseClientSideWebPart<IDockMenuWebP
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "coverflowFontField"
                 }),
@@ -298,6 +304,8 @@ export default class DockMenuWebPart extends BaseClientSideWebPart<IDockMenuWebP
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "coverflowFontSizeField"
                 }),
@@ -305,6 +313,8 @@ export default class DockMenuWebPart extends BaseClientSideWebPart<IDockMenuWebP
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "coverflowFontColorField"
                 }),
@@ -312,6 +322,8 @@ export default class DockMenuWebPart extends BaseClientSideWebPart<IDockMenuWebP
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "coverflowBackgroundColorField"
                 })
diff --git a/src/webparts/gridGallery/GridGalleryWebPart.ts b/src/webparts/gridGallery/GridGalleryWebPart.ts
index d5973611..629e6e29 100644
--- a/src/webparts/gridGallery/GridGalleryWebPart.ts
+++ b/src/webparts/gridGallery/GridGalleryWebPart.ts
@@ -202,6 +202,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   showFilters: true,
                   max: 100,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: "gridGallerySPListField"
@@ -253,6 +255,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -304,6 +308,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "gridGalleryAlignField"
                 }),
@@ -311,6 +317,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "gridGalleryFontField"
                 }),
@@ -320,6 +328,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "gridGalleryFontSizeField"
                 }),
@@ -327,6 +337,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "gridGalleryFontColorField"
                 }),
@@ -334,6 +346,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "gridGalleryBgColorField"
                 })
@@ -362,6 +376,8 @@ export default class GridGalleryWebPart extends BaseClientSideWebPart<IGridGalle
                   label: strings.BorderColorFieldLabel,
                   initialColor: this.properties.borderColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: "gridGalleryBorderColorField"
                 })
diff --git a/src/webparts/imageColor/ImageColorWebPart.ts b/src/webparts/imageColor/ImageColorWebPart.ts
index 125a8992..56e40f25 100644
--- a/src/webparts/imageColor/ImageColorWebPart.ts
+++ b/src/webparts/imageColor/ImageColorWebPart.ts
@@ -343,6 +343,8 @@ export default class ImageColorWebPart extends BaseClientSideWebPart<IImageColor
                   label: strings.Image,
                   initialValue: this.properties.image,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: "imageColorPictureField"
diff --git a/src/webparts/imagePuzzle/ImagePuzzleWebPart.ts b/src/webparts/imagePuzzle/ImagePuzzleWebPart.ts
index 3d67c1e0..31ea4340 100644
--- a/src/webparts/imagePuzzle/ImagePuzzleWebPart.ts
+++ b/src/webparts/imagePuzzle/ImagePuzzleWebPart.ts
@@ -128,6 +128,8 @@ export default class ImagePuzzleWebPart extends BaseClientSideWebPart<IImagePuzz
                   label: strings.Image,
                   initialValue: this.properties.image,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: "imagePuzzlePictureField"
@@ -138,6 +140,8 @@ export default class ImagePuzzleWebPart extends BaseClientSideWebPart<IImagePuzz
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
diff --git a/src/webparts/lineChart/LineChartWebPart.ts b/src/webparts/lineChart/LineChartWebPart.ts
index 2759ed6a..638699dd 100644
--- a/src/webparts/lineChart/LineChartWebPart.ts
+++ b/src/webparts/lineChart/LineChartWebPart.ts
@@ -171,6 +171,8 @@ export default class LineChartWebPart extends BaseClientSideWebPart<ILineChartWe
                     { id: 'Value', title: "Value", required: true, type: CustomListFieldType.number }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'lineChartListField'
@@ -184,6 +186,8 @@ export default class LineChartWebPart extends BaseClientSideWebPart<ILineChartWe
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -234,6 +238,8 @@ export default class LineChartWebPart extends BaseClientSideWebPart<ILineChartWe
                   label: strings.FillColor,
                   initialColor: this.properties.fillColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'lineChartFillColorField'
                 })
@@ -263,6 +269,8 @@ export default class LineChartWebPart extends BaseClientSideWebPart<ILineChartWe
                   previewFonts: true,
                   initialValue: this.properties.titleFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'lineChartTitleFontField'
                 }),
@@ -272,6 +280,8 @@ export default class LineChartWebPart extends BaseClientSideWebPart<ILineChartWe
                   preview: true,
                   initialValue: this.properties.titleSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'lineChartTitleSizeField'
                 }),
@@ -279,6 +289,8 @@ export default class LineChartWebPart extends BaseClientSideWebPart<ILineChartWe
                   label: strings.TitleColor,
                   initialColor: this.properties.titleColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'lineChartTitleColorField'
                 })
diff --git a/src/webparts/markdown/MarkdownWebPart.ts b/src/webparts/markdown/MarkdownWebPart.ts
index d9de6384..9b8ba810 100644
--- a/src/webparts/markdown/MarkdownWebPart.ts
+++ b/src/webparts/markdown/MarkdownWebPart.ts
@@ -113,6 +113,10 @@ export default class MarkdownWebPart extends BaseClientSideWebPart<IMarkdownWebP
       //Read Mode
       //Inits the converter
       var converter = new showdown.Converter();
+      converter.setOption('tables', true);
+      converter.setOption('tasklists', true);
+      converter.setOption('smoothLivePreview', true);
+      converter.setOption('encodeEmails', true);
       //Converts MD to HTML
       this.domElement.innerHTML = converter.makeHtml(this.properties.text);
     }
diff --git a/src/webparts/mediaPlayer/MediaPlayerWebPart.ts b/src/webparts/mediaPlayer/MediaPlayerWebPart.ts
index 6ec3c7aa..6c11b7ed 100644
--- a/src/webparts/mediaPlayer/MediaPlayerWebPart.ts
+++ b/src/webparts/mediaPlayer/MediaPlayerWebPart.ts
@@ -158,6 +158,8 @@ export default class MediaPlayerWebPart extends BaseClientSideWebPart<IMediaPlay
                     { id: 'Url', title: 'Url', required: true, hidden: false, type: CustomListFieldType.string }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'mediaPlayerListField'
diff --git a/src/webparts/messageBar/MessageBarWebPart.ts b/src/webparts/messageBar/MessageBarWebPart.ts
index c393a0aa..13e34175 100644
--- a/src/webparts/messageBar/MessageBarWebPart.ts
+++ b/src/webparts/messageBar/MessageBarWebPart.ts
@@ -104,6 +104,8 @@ export default class MessageBarWebPart extends BaseClientSideWebPart<IMessageBar
                   initialValue: this.properties.icon,
                   orderAlphabetical: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'messageBarIconField'
                 }),
@@ -114,6 +116,8 @@ export default class MessageBarWebPart extends BaseClientSideWebPart<IMessageBar
                   minHeight: 100,
                   mode: 'basic',
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'messageBarRichTextBoxField'
                 })
@@ -128,6 +132,8 @@ export default class MessageBarWebPart extends BaseClientSideWebPart<IMessageBar
                   previewFonts: true,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'messageBarFontField'
                 }),
@@ -137,6 +143,8 @@ export default class MessageBarWebPart extends BaseClientSideWebPart<IMessageBar
                   preview: true,
                   initialValue: this.properties.fontSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'messageBarFontSizeField'
                 }),
@@ -144,6 +152,8 @@ export default class MessageBarWebPart extends BaseClientSideWebPart<IMessageBar
                   label: strings.FontColor,
                   initialColor: this.properties.fontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'messageBarFontColorField'
                 }),
@@ -151,6 +161,8 @@ export default class MessageBarWebPart extends BaseClientSideWebPart<IMessageBar
                   label: strings.BackgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'messageBarBgColorField'
                 })
diff --git a/src/webparts/newsCarousel/NewsCarouselWebPart.ts b/src/webparts/newsCarousel/NewsCarouselWebPart.ts
index 6730222c..e6d3db00 100644
--- a/src/webparts/newsCarousel/NewsCarouselWebPart.ts
+++ b/src/webparts/newsCarousel/NewsCarouselWebPart.ts
@@ -189,6 +189,8 @@ export default class NewsCarouselWebPart extends BaseClientSideWebPart<INewsCaro
                     { id: 'Link Url', title: 'Link Url', required: true, hidden: true, type: CustomListFieldType.string }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'newsCarouselListField'
@@ -277,6 +279,8 @@ export default class NewsCarouselWebPart extends BaseClientSideWebPart<INewsCaro
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsCarouselAlignField'
                 }),
@@ -284,6 +288,8 @@ export default class NewsCarouselWebPart extends BaseClientSideWebPart<INewsCaro
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsCarouselFontField'
                 }),
@@ -293,6 +299,8 @@ export default class NewsCarouselWebPart extends BaseClientSideWebPart<INewsCaro
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsCarouselFontSizeField'
                 }),
@@ -300,6 +308,8 @@ export default class NewsCarouselWebPart extends BaseClientSideWebPart<INewsCaro
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsCarouselFontColorField'
                 }),
@@ -307,6 +317,8 @@ export default class NewsCarouselWebPart extends BaseClientSideWebPart<INewsCaro
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsCarouselBgColorField'
                 })
diff --git a/src/webparts/newsSlider/NewsSliderWebPart.ts b/src/webparts/newsSlider/NewsSliderWebPart.ts
index 69b9ee11..e38501ad 100644
--- a/src/webparts/newsSlider/NewsSliderWebPart.ts
+++ b/src/webparts/newsSlider/NewsSliderWebPart.ts
@@ -186,6 +186,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                     { id: 'Link Url', title: 'Link Url', required: true, hidden: true, type: CustomListFieldType.string }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'newsSliderListField'
@@ -207,6 +209,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -258,6 +262,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsSliderAlignField'
                 }),
@@ -265,6 +271,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsSliderFontField'
                 }),
@@ -274,6 +282,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsSliderFontSizeField'
                 }),
@@ -281,6 +291,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsSliderFontColorField'
                 }),
@@ -288,6 +300,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsSliderBgColorField'
                 })
@@ -316,6 +330,8 @@ export default class NewsSliderWebPart extends BaseClientSideWebPart<INewsSlider
                   label: strings.BorderColorFieldLabel,
                   initialColor: this.properties.borderColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsSliderBorderColorField'
                 })
diff --git a/src/webparts/newsTicker/NewsTickerWebPart.ts b/src/webparts/newsTicker/NewsTickerWebPart.ts
index 820391f2..cdc4ed44 100644
--- a/src/webparts/newsTicker/NewsTickerWebPart.ts
+++ b/src/webparts/newsTicker/NewsTickerWebPart.ts
@@ -183,6 +183,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                     { id: 'Link Url', title: 'Link Url', required: true, hidden: true, type: CustomListFieldType.string }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'newsTickerListField'
@@ -217,6 +219,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                   label: strings.BackgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsTickerBgColorField'
                 })
@@ -232,6 +236,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                   label: strings.Font,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsTickerFontField'
                 }),
@@ -241,6 +247,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsTickerFontSizeField'
                 }),
@@ -248,6 +256,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                   label: strings.FontColor,
                   initialColor: this.properties.fontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsTickerFontColorField'
                 })
@@ -260,6 +270,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                   label: strings.Font,
                   initialValue: this.properties.fontMssg,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsTickerFontMssgField'
                 }),
@@ -269,6 +281,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsTickerFontSizeMssgField'
                 }),
@@ -276,6 +290,8 @@ export default class NewsTickerWebPart extends BaseClientSideWebPart<INewsTicker
                   label: strings.FontColor,
                   initialColor: this.properties.fontColorMssg,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'newsTickerFontColorMssgField'
                 })
diff --git a/src/webparts/pieChart/PieChartWebPart.ts b/src/webparts/pieChart/PieChartWebPart.ts
index 47bb9890..efd20192 100644
--- a/src/webparts/pieChart/PieChartWebPart.ts
+++ b/src/webparts/pieChart/PieChartWebPart.ts
@@ -161,6 +161,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                     { id: 'Hover Color', title: "Hover Color", required: true, type: CustomListFieldType.color }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'pieChartListField'
@@ -174,6 +176,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -223,6 +227,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                   previewFonts: true,
                   initialValue: this.properties.titleFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'pieChartTitleFontField'
                 }),
@@ -232,6 +238,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                   preview: true,
                   initialValue: this.properties.titleSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'pieChartTitleSizeField'
                 }),
@@ -239,6 +247,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                   label: strings.TitleColor,
                   initialColor: this.properties.titleColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'pieChartTitleColorField'
                 })
@@ -265,6 +275,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                   previewFonts: true,
                   initialValue: this.properties.legendFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'pieChartLegendFontField'
                 }),
@@ -274,6 +286,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                   preview: true,
                   initialValue: this.properties.legendSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'pieChartLegendSizeField'
                 }),
@@ -281,6 +295,8 @@ export default class PieChartWebPart extends BaseClientSideWebPart<IPieChartWebP
                   label: strings.LegendColor,
                   initialColor: this.properties.legendColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'pieChartLegendColorField'
                 })
diff --git a/src/webparts/polarChart/PolarChartWebPart.ts b/src/webparts/polarChart/PolarChartWebPart.ts
index b3061942..401f2dcc 100644
--- a/src/webparts/polarChart/PolarChartWebPart.ts
+++ b/src/webparts/polarChart/PolarChartWebPart.ts
@@ -159,6 +159,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                     { id: 'Hover Color', title: "Hover Color", required: true, type: CustomListFieldType.color }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'polarChartListField'
@@ -172,6 +174,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -215,6 +219,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                   previewFonts: true,
                   initialValue: this.properties.titleFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'polarChartTitleFontField'
                 }),
@@ -224,6 +230,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                   preview: true,
                   initialValue: this.properties.titleSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'polarChartTitleSizeField'
                 }),
@@ -231,6 +239,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                   label: strings.TitleColor,
                   initialColor: this.properties.titleColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'polarChartTitleColorField'
                 })
@@ -257,6 +267,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                   previewFonts: true,
                   initialValue: this.properties.legendFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'polarChartLegendFontField'
                 }),
@@ -266,6 +278,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                   preview: true,
                   initialValue: this.properties.legendSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'polarChartLegendSizeField'
                 }),
@@ -273,6 +287,8 @@ export default class PolarChartWebPart extends BaseClientSideWebPart<IPolarChart
                   label: strings.LegendColor,
                   initialColor: this.properties.legendColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'polarChartLegendColorField'
                 })
diff --git a/src/webparts/qrCode/QrCodeWebPart.ts b/src/webparts/qrCode/QrCodeWebPart.ts
index cf9b9b2b..aca87481 100644
--- a/src/webparts/qrCode/QrCodeWebPart.ts
+++ b/src/webparts/qrCode/QrCodeWebPart.ts
@@ -120,6 +120,8 @@ export default class QrCodeWebPart extends BaseClientSideWebPart<IQrCodeWebPartP
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
diff --git a/src/webparts/radarChart/RadarChartWebPart.ts b/src/webparts/radarChart/RadarChartWebPart.ts
index 4b035839..11f1436b 100644
--- a/src/webparts/radarChart/RadarChartWebPart.ts
+++ b/src/webparts/radarChart/RadarChartWebPart.ts
@@ -171,6 +171,8 @@ export default class RadarChartWebPart extends BaseClientSideWebPart<IRadarChart
                     { id: 'Value', title: "Value", required: true, type: CustomListFieldType.number }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'radarChartListField'
@@ -184,6 +186,8 @@ export default class RadarChartWebPart extends BaseClientSideWebPart<IRadarChart
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -228,6 +232,8 @@ export default class RadarChartWebPart extends BaseClientSideWebPart<IRadarChart
                   label: strings.FillColor,
                   initialColor: this.properties.fillColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'radarChartFillColorField'
                 })
@@ -257,6 +263,8 @@ export default class RadarChartWebPart extends BaseClientSideWebPart<IRadarChart
                   previewFonts: true,
                   initialValue: this.properties.titleFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'radarChartTitleFontField'
                 }),
@@ -266,6 +274,8 @@ export default class RadarChartWebPart extends BaseClientSideWebPart<IRadarChart
                   preview: true,
                   initialValue: this.properties.titleSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'radarChartTitleSizeField'
                 }),
@@ -273,6 +283,8 @@ export default class RadarChartWebPart extends BaseClientSideWebPart<IRadarChart
                   label: strings.TitleColor,
                   initialColor: this.properties.titleColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'radarChartTitleColorField'
                 })
diff --git a/src/webparts/rssReader/RssReaderWebPart.ts b/src/webparts/rssReader/RssReaderWebPart.ts
index 5a7e73eb..f89b1dda 100644
--- a/src/webparts/rssReader/RssReaderWebPart.ts
+++ b/src/webparts/rssReader/RssReaderWebPart.ts
@@ -158,6 +158,8 @@ export default class RssReaderWebPart extends BaseClientSideWebPart<IRssReaderWe
                   label: strings.font,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'rssReaderFontField'
                 }),
@@ -167,6 +169,8 @@ export default class RssReaderWebPart extends BaseClientSideWebPart<IRssReaderWe
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'rssReaderFontSizeField'
                 }),
@@ -174,6 +178,8 @@ export default class RssReaderWebPart extends BaseClientSideWebPart<IRssReaderWe
                   label: strings.fontColor,
                   initialColor: this.properties.fontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'rssReaderFontColorField'
                 }),
@@ -181,6 +187,8 @@ export default class RssReaderWebPart extends BaseClientSideWebPart<IRssReaderWe
                   label: strings.backgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'rssReaderBgColorField'
                 })
diff --git a/src/webparts/simpleCarousel/SimpleCarouselWebPart.ts b/src/webparts/simpleCarousel/SimpleCarouselWebPart.ts
index dde4f86c..b3dd4f78 100644
--- a/src/webparts/simpleCarousel/SimpleCarouselWebPart.ts
+++ b/src/webparts/simpleCarousel/SimpleCarouselWebPart.ts
@@ -191,6 +191,8 @@ export default class SimpleCarouselWebPart extends BaseClientSideWebPart<ISimple
                   showFilters: true,
                   max: 100,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'simpleCarouselQueryField'
@@ -212,6 +214,8 @@ export default class SimpleCarouselWebPart extends BaseClientSideWebPart<ISimple
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
@@ -263,12 +267,16 @@ export default class SimpleCarouselWebPart extends BaseClientSideWebPart<ISimple
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties
                 }),
                 PropertyFieldFontPicker('textPanelFont', {
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties
                 }),
                 PropertyFieldFontSizePicker('textPanelFontSize', {
@@ -277,18 +285,24 @@ export default class SimpleCarouselWebPart extends BaseClientSideWebPart<ISimple
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties
                 }),
                 PropertyFieldColorPickerMini('textPanelFontColor', {
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties
                 }),
                 PropertyFieldColorPickerMini('textPanelBackgroundColor', {
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties
                 })
               ]
@@ -316,6 +330,8 @@ export default class SimpleCarouselWebPart extends BaseClientSideWebPart<ISimple
                   label: strings.BorderColorFieldLabel,
                   initialColor: this.properties.borderColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties
                 })
               ]
diff --git a/src/webparts/simplePoll/SimplePollWebPart.ts b/src/webparts/simplePoll/SimplePollWebPart.ts
index 5ed49d66..90881e69 100644
--- a/src/webparts/simplePoll/SimplePollWebPart.ts
+++ b/src/webparts/simplePoll/SimplePollWebPart.ts
@@ -93,6 +93,8 @@ export default class SimplePollWebPart extends BaseClientSideWebPart<ISimplePoll
                   baseTemplate: 102,
                   orderBy: PropertyFieldSPListPickerOrderBy.Title,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'simplePollListField'
@@ -118,6 +120,8 @@ export default class SimplePollWebPart extends BaseClientSideWebPart<ISimplePoll
                   previewFonts: true,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'simplePollFontField'
                 }),
@@ -127,6 +131,8 @@ export default class SimplePollWebPart extends BaseClientSideWebPart<ISimplePoll
                   preview: true,
                   initialValue: this.properties.size,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'simplePollSizeField'
                 }),
@@ -134,6 +140,8 @@ export default class SimplePollWebPart extends BaseClientSideWebPart<ISimplePoll
                   label: strings.ColorFieldLabel,
                   initialColor: this.properties.color,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'simplePollColorField'
                 })
diff --git a/src/webparts/sliderGallery/SliderGalleryWebPart.ts b/src/webparts/sliderGallery/SliderGalleryWebPart.ts
index d07795e9..f86ba370 100644
--- a/src/webparts/sliderGallery/SliderGalleryWebPart.ts
+++ b/src/webparts/sliderGallery/SliderGalleryWebPart.ts
@@ -191,6 +191,8 @@ export default class SliderGalleryWebPart extends BaseClientSideWebPart<ISliderG
                   showFilters: true,
                   max: 100,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'sliderGalleryQueryField'
@@ -279,6 +281,8 @@ export default class SliderGalleryWebPart extends BaseClientSideWebPart<ISliderG
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'sliderGalleryAlignField'
                 }),
@@ -286,6 +290,8 @@ export default class SliderGalleryWebPart extends BaseClientSideWebPart<ISliderG
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'sliderGalleryFontField'
                 }),
@@ -295,6 +301,8 @@ export default class SliderGalleryWebPart extends BaseClientSideWebPart<ISliderG
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'sliderGalleryFontSizeField'
                 }),
@@ -302,6 +310,8 @@ export default class SliderGalleryWebPart extends BaseClientSideWebPart<ISliderG
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'sliderGalleryFontColorField'
                 }),
@@ -309,6 +319,8 @@ export default class SliderGalleryWebPart extends BaseClientSideWebPart<ISliderG
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'sliderGalleryBgColorField'
                 })
diff --git a/src/webparts/socialPhotoStream/SocialPhotoStreamWebPart.ts b/src/webparts/socialPhotoStream/SocialPhotoStreamWebPart.ts
index 99aa086f..bd8481a0 100644
--- a/src/webparts/socialPhotoStream/SocialPhotoStreamWebPart.ts
+++ b/src/webparts/socialPhotoStream/SocialPhotoStreamWebPart.ts
@@ -165,6 +165,8 @@ export default class SocialPhotoStreamWebPart extends BaseClientSideWebPart<ISoc
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
diff --git a/src/webparts/socialShare/SocialShareWebPart.ts b/src/webparts/socialShare/SocialShareWebPart.ts
index e29f5ece..d4ecdfaa 100644
--- a/src/webparts/socialShare/SocialShareWebPart.ts
+++ b/src/webparts/socialShare/SocialShareWebPart.ts
@@ -471,6 +471,8 @@ export default class SocialShareWebPart extends BaseClientSideWebPart<ISocialSha
                   ],
                   initialValue: this.properties.services,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'socialShareServicesField'
                 }),
diff --git a/src/webparts/stockInfo/StockInfoWebPart.ts b/src/webparts/stockInfo/StockInfoWebPart.ts
index 2071e969..8da88156 100644
--- a/src/webparts/stockInfo/StockInfoWebPart.ts
+++ b/src/webparts/stockInfo/StockInfoWebPart.ts
@@ -96,6 +96,8 @@ export default class StockInfoWebPart extends BaseClientSideWebPart<IStockInfoWe
                   preserveRatio: true,
                   preserveRatioEnabled: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   disabled: false,
                   onGetErrorMessage: null,
diff --git a/src/webparts/tabs/TabsWebPart.ts b/src/webparts/tabs/TabsWebPart.ts
index 7d3ad138..b1c6c0fd 100644
--- a/src/webparts/tabs/TabsWebPart.ts
+++ b/src/webparts/tabs/TabsWebPart.ts
@@ -451,6 +451,8 @@ Main components
                     { id: 'Title', title: 'Title', required: true, type: CustomListFieldType.string }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'tabsListField'
@@ -472,6 +474,8 @@ Main components
                   label: strings.DisableColor,
                   initialColor: this.properties.disableColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tabsDisableColorField'
                 }),
@@ -479,6 +483,8 @@ Main components
                   label: strings.SelectedColor,
                   initialColor: this.properties.selectedColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tabsSelectedColorField'
                 })
diff --git a/src/webparts/textRotator/TextRotatorWebPart.ts b/src/webparts/textRotator/TextRotatorWebPart.ts
index 857b313d..e41b5233 100644
--- a/src/webparts/textRotator/TextRotatorWebPart.ts
+++ b/src/webparts/textRotator/TextRotatorWebPart.ts
@@ -230,6 +230,8 @@ export default class TextRotatorWebPart extends BaseClientSideWebPart<ITextRotat
                   label: strings.Align,
                   initialValue: this.properties.align,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'textRotatorAlignField'
                 }),
@@ -239,6 +241,8 @@ export default class TextRotatorWebPart extends BaseClientSideWebPart<ITextRotat
                   previewFonts: true,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'textRotatorFontField'
                 }),
@@ -248,6 +252,8 @@ export default class TextRotatorWebPart extends BaseClientSideWebPart<ITextRotat
                   preview: true,
                   initialValue: this.properties.fontSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'textRotatorFontSizeField'
                 }),
@@ -255,6 +261,8 @@ export default class TextRotatorWebPart extends BaseClientSideWebPart<ITextRotat
                   label: strings.FontColor,
                   initialColor: this.properties.fontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'textRotatorFontColorField'
                 }),
@@ -262,6 +270,8 @@ export default class TextRotatorWebPart extends BaseClientSideWebPart<ITextRotat
                   label: strings.BackgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'textRotatorBgColorField'
                 })
diff --git a/src/webparts/tilesGallery/TilesGalleryWebPart.ts b/src/webparts/tilesGallery/TilesGalleryWebPart.ts
index 40cdad30..89c80731 100644
--- a/src/webparts/tilesGallery/TilesGalleryWebPart.ts
+++ b/src/webparts/tilesGallery/TilesGalleryWebPart.ts
@@ -185,6 +185,8 @@ export default class TilesGalleryWebPart extends BaseClientSideWebPart<ITilesGal
                   showFilters: true,
                   max: 100,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'tilesGalleryQueryField'
@@ -247,6 +249,8 @@ export default class TilesGalleryWebPart extends BaseClientSideWebPart<ITilesGal
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesGalleryAlignField'
                 }),
@@ -254,6 +258,8 @@ export default class TilesGalleryWebPart extends BaseClientSideWebPart<ITilesGal
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesGalleryFontField'
                 }),
@@ -263,6 +269,8 @@ export default class TilesGalleryWebPart extends BaseClientSideWebPart<ITilesGal
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesGalleryFontSizeField'
                 }),
@@ -270,6 +278,8 @@ export default class TilesGalleryWebPart extends BaseClientSideWebPart<ITilesGal
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesGalleryFontColorField'
                 }),
@@ -277,6 +287,8 @@ export default class TilesGalleryWebPart extends BaseClientSideWebPart<ITilesGal
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesGalleryBgColorField'
                 })
@@ -305,6 +317,8 @@ export default class TilesGalleryWebPart extends BaseClientSideWebPart<ITilesGal
                   label: strings.BorderColorFieldLabel,
                   initialColor: this.properties.borderColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesGalleryBorderColorField'
                 })
diff --git a/src/webparts/tilesMenu/TilesMenuWebPart.ts b/src/webparts/tilesMenu/TilesMenuWebPart.ts
index 5827ae68..440756cf 100644
--- a/src/webparts/tilesMenu/TilesMenuWebPart.ts
+++ b/src/webparts/tilesMenu/TilesMenuWebPart.ts
@@ -179,6 +179,8 @@ export default class TilesMenuWebPart extends BaseClientSideWebPart<ITilesMenuWe
                     { id: 'Link Url', title: 'Link Url', required: true, hidden: true, type: CustomListFieldType.string }
                   ],
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'tilesMenuListField'
@@ -241,6 +243,8 @@ export default class TilesMenuWebPart extends BaseClientSideWebPart<ITilesMenuWe
                   label: strings.TextPanelAlignFieldLabel,
                   initialValue: this.properties.textPanelAlign,
                   onPropertyChanged: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesMenuAlignField'
                 }),
@@ -248,6 +252,8 @@ export default class TilesMenuWebPart extends BaseClientSideWebPart<ITilesMenuWe
                   label: strings.TextPanelFontFieldLabel,
                   initialValue: this.properties.textPanelFont,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesMenuFontField'
                 }),
@@ -257,6 +263,8 @@ export default class TilesMenuWebPart extends BaseClientSideWebPart<ITilesMenuWe
                   usePixels: true,
                   preview: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesMenuFontSizeField'
                 }),
@@ -264,6 +272,8 @@ export default class TilesMenuWebPart extends BaseClientSideWebPart<ITilesMenuWe
                   label: strings.TextPanelFontColorFieldLabel,
                   initialColor: this.properties.textPanelFontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesMenuFontColorField'
                 }),
@@ -271,6 +281,8 @@ export default class TilesMenuWebPart extends BaseClientSideWebPart<ITilesMenuWe
                   label: strings.TextPanelBackgroundColorFieldLabel,
                   initialColor: this.properties.textPanelBackgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesMenuBgColorField'
                 })
@@ -299,6 +311,8 @@ export default class TilesMenuWebPart extends BaseClientSideWebPart<ITilesMenuWe
                   label: strings.BorderColorFieldLabel,
                   initialColor: this.properties.borderColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tilesMenuBorderColorField'
                 })
diff --git a/src/webparts/tweetsFeed/TweetsFeedWebPart.ts b/src/webparts/tweetsFeed/TweetsFeedWebPart.ts
index 9ac8d198..569003a6 100644
--- a/src/webparts/tweetsFeed/TweetsFeedWebPart.ts
+++ b/src/webparts/tweetsFeed/TweetsFeedWebPart.ts
@@ -148,6 +148,8 @@ export default class TweetsFeedWebPart extends BaseClientSideWebPart<ITweetsFeed
                   label: strings.LinkColor,
                   initialColor: this.properties.linkColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tweetsFeedLinkColorField'
                 }),
@@ -155,6 +157,8 @@ export default class TweetsFeedWebPart extends BaseClientSideWebPart<ITweetsFeed
                   label: strings.BorderColor,
                   initialColor: this.properties.borderColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'tweetsFeedBorderColorField'
                 })
diff --git a/src/webparts/typeWriting/TypeWritingWebPart.ts b/src/webparts/typeWriting/TypeWritingWebPart.ts
index f478c641..0afc8cb6 100644
--- a/src/webparts/typeWriting/TypeWritingWebPart.ts
+++ b/src/webparts/typeWriting/TypeWritingWebPart.ts
@@ -161,6 +161,8 @@ export default class TypeWritingWebPart extends BaseClientSideWebPart<ITypeWriti
                   label: strings.CursorColor,
                   initialColor: this.properties.cursorColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'typeWritingCursorColorField'
                 })
@@ -175,6 +177,8 @@ export default class TypeWritingWebPart extends BaseClientSideWebPart<ITypeWriti
                   previewFonts: true,
                   initialValue: this.properties.font,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'typeWritingFontField'
                 }),
@@ -184,6 +188,8 @@ export default class TypeWritingWebPart extends BaseClientSideWebPart<ITypeWriti
                   preview: true,
                   initialValue: this.properties.fontSize,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'typeWritingFontSizeField'
                 }),
@@ -191,6 +197,8 @@ export default class TypeWritingWebPart extends BaseClientSideWebPart<ITypeWriti
                   label: strings.FontColor,
                   initialColor: this.properties.fontColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'typeWritingFontColorField'
                 }),
@@ -198,6 +206,8 @@ export default class TypeWritingWebPart extends BaseClientSideWebPart<ITypeWriti
                   label: strings.BackgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'typeWritingBgColorField'
                 })
diff --git a/src/webparts/verticalTimeline/VerticalTimelineWebPart.ts b/src/webparts/verticalTimeline/VerticalTimelineWebPart.ts
index 0ffa2390..2c04fa19 100644
--- a/src/webparts/verticalTimeline/VerticalTimelineWebPart.ts
+++ b/src/webparts/verticalTimeline/VerticalTimelineWebPart.ts
@@ -421,6 +421,8 @@ export default class VerticalTimelineWebPart extends BaseClientSideWebPart<IVert
                   showFilters: true,
                   max: 100,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   context: this.context,
                   properties: this.properties,
                   key: 'verticalTimelineQueryField'
@@ -435,6 +437,8 @@ export default class VerticalTimelineWebPart extends BaseClientSideWebPart<IVert
                   initialValue: this.properties.icon,
                   orderAlphabetical: true,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'verticalTimelineIconField'
                 }),
@@ -442,6 +446,8 @@ export default class VerticalTimelineWebPart extends BaseClientSideWebPart<IVert
                   label: strings.color,
                   initialColor: this.properties.color,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'verticalTimelineColorField'
                 }),
@@ -449,6 +455,8 @@ export default class VerticalTimelineWebPart extends BaseClientSideWebPart<IVert
                   label: strings.backgroundColor,
                   initialColor: this.properties.backgroundColor,
                   onPropertyChange: this.onPropertyPaneFieldChanged,
+                  render: this.render.bind(this),
+                  disableReactivePropertyChanges: this.disableReactivePropertyChanges,
                   properties: this.properties,
                   key: 'verticalTimelineBgColorField'
                 })