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

prettier

Browse Source
This commit is contained in:
Konnor Rogers
2024-06-18 23:19:48 -04:00
parent 6704db88b7
commit b72e09b4e3
1 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/color-picker/color-picker.ts
View File

@@ -1073,18 +1073,18 @@ export default class WaColorPicker extends WebAwesomeFormAssociatedElement {
part="trigger-container form-control"
slot="trigger"
@click=${(e: Event) => {
const composedPath = e.composedPath()
const triggerButton = this.triggerButton
const triggerLabel = this.triggerLabel
if (composedPath.find((el) => el === triggerButton || el === triggerLabel)) {
return
const composedPath = e.composedPath();
const triggerButton = this.triggerButton;
const triggerLabel = this.triggerLabel;
if (composedPath.find(el => el === triggerButton || el === triggerLabel)) {
return;
}
// Stop clicks from bubbling on anything except the button and the label. This is a hacky work around i may come to regret, but this "fixes" the issue of `<wa-dropdown>` expecting all children in the "trigger slot" to open the trigger. [Konnor]
e.stopImmediatePropagation()
e.stopImmediatePropagation();
if (this.dropdown.open) {
this.dropdown.hide()
this.dropdown.hide();
}
}}
>
@@ -1114,11 +1114,7 @@ export default class WaColorPicker extends WebAwesomeFormAssociatedElement {
aria-describedby="help-text"
></button>
<div
part="form-control-help-text"
id="help-text"
class="form-control__help-text"
>
<div part="form-control-help-text" id="help-text" class="form-control__help-text">
<slot name="help-text">${this.helpText}</slot>
</div>
</div>