replace button with <a role="button"

ilicfilip · ilicfilip · commit fd958c10352e · 2025-06-03T13:18:26.000+02:00
diff --git a/assets/css/web-components/prpl-suggested-task.css b/assets/css/web-components/prpl-suggested-task.css
@@ -27,14 +27,6 @@
 				width: 100%;
 			}
 		}
-
-		/* Button which triggers the popover, interactive tasks. */
-		button[popovertarget] {
-			text-align: initial;
-			color: var(--prpl-color-link);
-			text-decoration: underline;
-			line-height: 1.5;
-		}
 	}
 
 	input[type="checkbox"][disabled] {
diff --git a/assets/js/web-components/prpl-suggested-task.js b/assets/js/web-components/prpl-suggested-task.js
@@ -43,7 +43,7 @@ customElements.define(
 			}
 
 			if ( popover_id ) {
-				taskHeading = `<button popovertarget="${ popover_id }">${ title }</button>`;
+				taskHeading = `<a href="#" role="button" onclick="document.getElementById('${ popover_id }')?.showPopover()">${ title }</a>`;
 			}
 
 			const getTaskStatus = () => {

Original file line number	Diff line number	Diff line change
`@@ -27,14 +27,6 @@`
`27`	`27`	`width: 100%;`
`28`	`28`	`}`
`29`	`29`	`}`
`30`		`-`
`31`		`- /* Button which triggers the popover, interactive tasks. */`
`32`		`- button[popovertarget] {`
`33`		`- text-align: initial;`
`34`		`- color: var(--prpl-color-link);`
`35`		`- text-decoration: underline;`
`36`		`- line-height: 1.5;`
`37`		`- }`
`38`	`30`	`}`
`39`	`31`
`40`	`32`	`input[type="checkbox"][disabled] {`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ customElements.define(`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`if ( popover_id ) {`
`46`		- taskHeading = `<button popovertarget="${ popover_id }">${ title }</button>`;
	`46`	+ taskHeading = `<a href="#" role="button" onclick="document.getElementById('${ popover_id }')?.showPopover()">${ title }</a>`;
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`const getTaskStatus = () => {`