Merge pull request #763 from janibolkvadze/fix/Fix-Accordion-focument…

…ation-page-IE11-compatibility-issue

[FIX] Fixed documentation defects for Chi 3.4.0

src/website/views/components/accordion/_examples.pug

@@ -747,16 +747,16 @@ script.
       chi.accordion(accordionBase);
       chi.accordion(accordionPortal);
       chi.accordion(accordionNested);
-      toggleAccordionOne.addEventListener('click', () => {
+      toggleAccordionOne.addEventListener('click', function() {
         individualAccordions.toggle(document.getElementById('invividual-accordion-item-1'));
       });
-      toggleAccordionTwo.addEventListener('click', () => {
+      toggleAccordionTwo.addEventListener('click', function() {
         individualAccordions.toggle(document.getElementById('invividual-accordion-item-2'));
       });
-      expandAll.addEventListener('click', () => {
+      expandAll.addEventListener('click', function() {
         expandCollapseAccordion.expandAll();
       });
-      collapseAll.addEventListener('click', () => {
+      collapseAll.addEventListener('click', function() {
         expandCollapseAccordion.collapseAll();
       });
       chi.accordion(document.getElementById('example-size-sm'));

src/website/views/components/picker-group/_examples.pug

@@ -251,6 +251,10 @@ p.-text
         </div>
       </fieldset>
 
+      <script>
+        chi.popover(document.getElementById('example__help-button'));
+      </script>
+
 h3 Error
 p.-text
   | Use the <code>-danger</code> state to provide feedback to users when an input fails to validate.

src/website/views/components/picker/_examples.pug

@@ -241,6 +241,10 @@ p.-text
         </div>
       </fieldset>
 
+      <script>
+        chi.popover(document.getElementById('example__help-button'));
+      </script>
+
 h4 Error
 p.-text
   | Use the <code>-danger</code> state to provide feedback to users when an input fails to validate.

src/website/views/getting-started/whats-new.pug

@@ -14,7 +14,7 @@ script(nomodule='' src='../../js/ce/ux-chi-ce/ux-chi-ce.js')
     ul.-text.-pl--2
       li Added: Accordion component to toggle between showing and hiding content.
       li Added: Data table component to present data sets in a simple and organized way. Unlike standard HTML tables, data table is responsive and compatible with all screen sizes.
-      li Added: Modal JavaScript now supports chiModalShown and chiModalHidden event emission.
+      li Added: Modal JavaScript now supports <code>chiModalShown</code> and <code>chiModalHidden</code> event emission.
       li Added: Picker and Picker group now support styles for disabled states.
       li Added: Number input now supports styles for required states.
     h4.-text--h4.-text--bold Changed
@@ -27,7 +27,7 @@ script(nomodule='' src='../../js/ce/ux-chi-ce/ux-chi-ce.js')
       li Changed: Number input expanded disabled state is now consistent with button disabled state.
       li Changed: Number input no longer renders semantic border and focus colors when disabled.
       li Changed: Text input, Textarea, Number input, and Date picker disabled text color has been updated.
-      li Changed: Tabs with class -vertical and -portal now render first level tab items with a min-height.
+      li Changed: Tabs with class <code>-vertical</code> and <code>-portal</code> now render first level tab items with a min-height.
     h4.-text--h4.-text--bold Fixed
     ul.-text.-pl--2
       li Fixed: Base Number input did not support disabled button styles in min/max scenarios.