gd-bs 6.2.6 → 6.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.2.6",
+    "version": "6.2.8",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/dropdown/index.ts

@@ -510,6 +510,7 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         if (ddl) {
             // Set the inner html
             ddl.innerHTML = value;
+            ddl.setAttribute("aria-label", value);
         }
     }
 

package/src/components/popover/index.ts

@@ -221,6 +221,7 @@ class _Popover extends Base<IPopoverProps> implements IPopover {
 
         // Create the popover content element
         this._elContent = document.createElement("div") as HTMLDivElement;
+        this._elContent.classList.add("popover");
         this._elContent.classList.add("popover-content");
         this._elContent.innerHTML = '<div class="popover-header"></div><div class="popover-body"></div>';
         appendContent(this._elContent.querySelector(".popover-header"), this.props.title);

package/src/components/tooltip/index.ts

@@ -338,6 +338,12 @@ class _Tooltip extends Base<ITooltipProps> {
     setContent(content: string | Element) {
         // Set the tippy content
         this.tippy.setContent(content);
+
+        // See if the button exists
+        if (this._btn && typeof (content) === "string") {
+            // Update the content
+            this._btn.el.setAttribute("aria-description", content);
+        }
     }
 
     // Shows the tooltip

package/src/styles/_core.scss

@@ -35,8 +35,8 @@
     @import "~bootstrap/scss/modal";
     /* We are using tippyjs styling
     @import "~bootstrap/scss/tooltip";
-    @import "~bootstrap/scss/popover";
     */
+    @import "~bootstrap/scss/popover";
     @import "~bootstrap/scss/carousel";
     @import "~bootstrap/scss/spinners";
     @import "~bootstrap/scss/offcanvas";