@lion/ui 0.3.4 → 0.3.5

package/components/overlays/src/ArrowMixin.js

@@ -110,7 +110,9 @@ export const ArrowMixinImplementation = superclass =>
 
     /** @protected */
     _arrowNodeTemplate() {
-      return html` <div class="arrow" data-popper-arrow>${this._arrowTemplate()}</div> `;
+      return html`
+        <div class="arrow" aria-hidden="true" data-popper-arrow>${this._arrowTemplate()}</div>
+      `;
     }
 
     /** @protected */

package/components/overlays/test/ArrowMixin.test.js

@@ -62,6 +62,20 @@ describe('ArrowMixin', () => {
     expect(window.getComputedStyle(arrowNode).getPropertyValue('display')).to.equal('block');
   });
 
+  it('hides for screen readers', async () => {
+    const el = /** @type {ArrowTest} */ (
+      await fixture(html`
+        <arrow-test>
+          <div slot="content">This is a tooltip</div>
+          <button slot="invoker">Tooltip button</button>
+        </arrow-test>
+      `)
+    );
+
+    const arrowNode = /** @type {Element} */ (el._arrowNode);
+    expect(arrowNode.getAttribute('aria-hidden')).to.equal('true');
+  });
+
   it('hides the arrow when has-arrow is false', async () => {
     const el = /** @type {ArrowTest} */ (
       await fixture(html`

package/dist-types/components/overlays/src/ArrowMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/ArrowMixin.js"],"names":[],"mappings":"AAIA;;;;;;GAMG;AAEH;;;GAGG;AACH,uCAHU,UAAU,CAwMhB;yBA/MS,OAAO,6BAA6B,EAAE,UAAU;AAiN7D,0FAAgE;4BAlNnD,OAAO,2BAA2B,EAAE,aAAa;4BAEjD,OAAO,8BAA8B,EAAE,OAAO;wBAC9C,OAAO,6BAA6B,EAAE,SAAS;6BAC/C,OAAO,KAAK,EAAE,cAAc"}
+{"version":3,"file":"ArrowMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/ArrowMixin.js"],"names":[],"mappings":"AAIA;;;;;;GAMG;AAEH;;;GAGG;AACH,uCAHU,UAAU,CA0MhB;yBAjNS,OAAO,6BAA6B,EAAE,UAAU;AAmN7D,0FAAgE;4BApNnD,OAAO,2BAA2B,EAAE,aAAa;4BAEjD,OAAO,8BAA8B,EAAE,OAAO;wBAC9C,OAAO,6BAA6B,EAAE,SAAS;6BAC/C,OAAO,KAAK,EAAE,cAAc"}