From bbe27b971e56b485f60b2349b5ae0b0bf08f2e2c Mon Sep 17 00:00:00 2001 From: Mikhaela Tapia Date: Thu, 31 Jul 2025 20:57:15 +0800 Subject: [PATCH] fix css specificity and revert hover state --- src/components/block-styles-control/index.js | 5 ++++- src/util/index.js | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/components/block-styles-control/index.js b/src/components/block-styles-control/index.js index 0b5efd7558..c8167863c0 100644 --- a/src/components/block-styles-control/index.js +++ b/src/components/block-styles-control/index.js @@ -33,7 +33,7 @@ import { useEffect, useMemo, useRef, useState, } from '@wordpress/element' -import { useSelect } from '@wordpress/data' +import { useSelect, dispatch } from '@wordpress/data' import { getBlockType } from '@wordpress/blocks' import { applyFilters, doAction } from '@wordpress/hooks' @@ -199,6 +199,9 @@ export const BlockStylesControl = props => { } setAttributes( { ...defaultBlockAttributes, modifiedBlockStyle: false } ) + + // Reset to normal state after selecting block style + dispatch( 'stackable/hover-state' ).updateHoverState( 'normal' ) } const onSelectBlockStyle = ( option, index ) => { diff --git a/src/util/index.js b/src/util/index.js index 2f8c4a8f7e..c3928cca33 100644 --- a/src/util/index.js +++ b/src/util/index.js @@ -296,7 +296,7 @@ export const prependCSSClass = ( cssSelector, mainClassName = '', uniqueClassNam } if ( hasHoverStateSelector && hoverStateSelector && wrapSelector ) { - return `${ hoverStateSelector }${ wrapSelector } ${ newSelector }` + return `${ wrapSelector }:where(${ hoverStateSelector }) ${ newSelector }` } return wrapSelector ? `${ wrapSelector } ${ newSelector }` : newSelector