Merge branch 'dev' into tmorehouse/input-lazy

tmorehouse · web-flow · commit a02ab76cef53 · 2019-10-03T10:01:17.000-03:00
diff --git a/docs/plugins/play.js b/docs/plugins/play.js
@@ -118,6 +118,9 @@ const processExamples = (el, binding, vnode, oldVnode) => {
     // Add editable class
     pre.classList.add(CLASS_NAMES.editable)
 
+    // Store "previous" content on pre element
+    pre.$_v_play_content = pre.textContent.trim()
+
     // Initial load
     let vm = createVM(name, pre, vnode)
 
@@ -134,9 +137,20 @@ const processExamples = (el, binding, vnode, oldVnode) => {
       pre.onblur = () => {
         // Re-highlight
         hljs.highlightBlock(pre)
+        // Store "previous" content on pre element
+        pre.$_v_play_content = pre.textContent.trim()
       }
 
       pre.onkeyup = debounce(() => {
+        const newContent = pre.textContent.trim()
+        if (pre.$_v_play_content === newContent) {
+          // Early exit if no changes to content
+          return
+        }
+
+        // Store "previous" content on pre element
+        pre.$_v_play_content = newContent
+
         // Recreate VM
         destroyVM(name, vm)
         vm = createVM(name, pre, vnode)
diff --git a/src/components/table/README.md b/src/components/table/README.md
@@ -1521,8 +1521,8 @@ three classes (depending on which mode is in use) on the `<table>` element:
 - `b-table-select-range`
 
 When at least one row is selected, the class `b-table-selecting` will be active on the `<table>`
-element. Rows that are selected rows will have a class of `b-row-selected` applied to the `<tr>`
-element.
+element. Rows that are selected rows will have a class of `b-table-row-selected` applied to the
+`<tr>` element.
 
 Use the prop `selected-variant` to apply a Bootstrap theme color to the selected row(s). Note, due
 to the order that the table variants are defined in Bootstrap's CSS, any row-variant _might_ take
