Merge pull request #529 from ProgressPlanner/filip/v16/fix-snooze-overlay

Author: aristath

CHANGELOG.md

@@ -3,6 +3,7 @@
 Bugs we fixed:
 
 * "Collect your point" not closing the "Test if your website can send emails correctly" popover.
+* Snooze task tooltip overaly not closing properly.
 
 = 1.6.0 =
 

assets/js/suggested-task.js

@@ -436,37 +436,6 @@ prplSuggestedTask = {
 		}
 
 		switch ( action ) {
-			case 'snooze':
-				tooltipActions
-					.querySelector( elClass )
-					?.setAttribute( 'data-tooltip-visible', 'true' );
-				break;
-
-			case 'close-snooze':
-				// Close the radio group.
-				tooltipActions
-					.querySelector(
-						`${ elClass }.prpl-toggle-radio-group-open`
-					)
-					?.classList.remove( 'prpl-toggle-radio-group-open' );
-				// Close the tooltip.
-				tooltipActions
-					.querySelector( `${ elClass }[data-tooltip-visible]` )
-					?.removeAttribute( 'data-tooltip-visible' );
-				break;
-
-			case 'info':
-				tooltipActions
-					.querySelector( elClass )
-					?.setAttribute( 'data-tooltip-visible', 'true' );
-				break;
-
-			case 'close-info':
-				tooltipActions
-					.querySelector( elClass )
-					.removeAttribute( 'data-tooltip-visible' );
-				break;
-
 			case 'move-up':
 			case 'move-down':
 				if ( 'move-up' === action && item.previousElementSibling ) {

views/js-templates/suggested-task.html

@@ -29,7 +29,7 @@ <h3 style="width: 100%;">
 				<# if ( data.post.content.rendered !== '' ) { #>
 					<prpl-tooltip>
 						<slot name="open-icon">
-							<button type="button" class="prpl-suggested-task-button" data-task-id="{{ data.post.meta.prpl_task_id }}" data-task-title="{{ data.post.title.rendered }}" data-action="info" data-target="info" title="{{ data.l10n.info }}" onclick="prplSuggestedTask.runButtonAction( this );">
+							<button type="button" class="prpl-suggested-task-button" data-task-id="{{ data.post.meta.prpl_task_id }}" data-task-title="{{ data.post.title.rendered }}" data-action="info" data-target="info" title="{{ data.l10n.info }}">
 								<img src="{{ data.assets.infoIcon }}" alt="{{ data.l10n.info }}" class="icon">
 								<span class="screen-reader-text">{{ data.l10n.info }}</span>
 							</button>
@@ -53,7 +53,7 @@ <h3 style="width: 100%;">
 				<# if ( data.post.meta.prpl_snoozable ) { #>
 					<prpl-tooltip class="prpl-suggested-task-snooze">
 						<slot name="open-icon">
-							<button type="button" class="prpl-suggested-task-button" data-task-id="{{ data.post.meta.prpl_task_id }}" data-task-title="{{ data.post.title.rendered }}" data-action="snooze" data-target="snooze" title="{{ data.l10n.snooze }}" onclick="prplSuggestedTask.runButtonAction( this );">
+							<button type="button" class="prpl-suggested-task-button" data-task-id="{{ data.post.meta.prpl_task_id }}" data-task-title="{{ data.post.title.rendered }}" data-action="snooze" data-target="snooze" title="{{ data.l10n.snooze }}">
 								<img src="{{ data.assets.snoozeIcon }}" alt="{{ data.l10n.snooze }}" class="icon">
 								<span class="screen-reader-text">{{ data.l10n.snooze }}</span>
 							</button>