js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

copy / tooltip fixeS

Browse Source
This commit is contained in:
konnorrogers
2024-07-02 15:19:55 -04:00
parent 5969d4cbdb
commit 38c8017baf
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/copy-button/copy-button.ts
View File

@@ -1,5 +1,6 @@
import '../icon/icon.js';
import '../tooltip/tooltip.js';
import '../visually-hidden/visually-hidden.js';
import { animateWithClass } from '../../internal/animate.js';
import { classMap } from 'lit/directives/class-map.js';
import { customElement, property, query, state } from 'lit/decorators.js';
@@ -201,6 +202,8 @@ export default class WaCopyButton extends WebAwesomeElement {
?disabled=${this.disabled}
@click=${this.handleCopy}
>
<!-- Render a visually hidden label to appease the accessibility checking gods -->
<wa-visually-hidden>${this.currentLabel}</wa-visually-hidden>
<slot part="copy-icon" name="copy-icon">
<wa-icon library="system" name="copy" variant="regular" fixed-width></wa-icon>
</slot>

7
src/components/tooltip/tooltip.ts
View File

@@ -273,7 +273,12 @@ export default class WaTooltip extends WebAwesomeElement {
*/
const currentLabel = newAnchor.getAttribute('aria-labelledby') || '';
if (!currentLabel.match(labelRegex)) {
newAnchor.setAttribute('aria-labelledby', currentLabel + ' ' + this.id);
if (!currentLabel) {
newAnchor.setAttribute('aria-labelledby', this.id);
} else {
newAnchor.setAttribute('aria-labelledby', currentLabel + ' ' + this.id);
}
}
newAnchor.addEventListener('blur', this.handleBlur, { capture: true, signal });