use pointer events

WordPress · Jun 20, 2024 · b2d0c01 · b2d0c01
1 parent 1e48af2
commit b2d0c01
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/...k-editor/src/components/block-vertical-alignment-control/test/__snapshots__/index.js.snap b/...k-editor/src/components/block-vertical-alignment-control/test/__snapshots__/index.js.snap
@@ -16,9 +16,9 @@ exports[`BlockVerticalAlignmentUI should match snapshot when controls are hidden
     >
       <svg
         aria-hidden="true"
-        disabled=""
         focusable="false"
         height="24"
+        style="pointer-events: none;"
         viewBox="0 0 24 24"
         width="24"
         xmlns="http://www.w3.org/2000/svg"
@@ -49,9 +49,9 @@ exports[`BlockVerticalAlignmentUI should match snapshot when controls are visibl
       >
         <svg
           aria-hidden="true"
-          disabled=""
           focusable="false"
           height="24"
+          style="pointer-events: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
@@ -72,9 +72,9 @@ exports[`BlockVerticalAlignmentUI should match snapshot when controls are visibl
       >
         <svg
           aria-hidden="true"
-          disabled=""
           focusable="false"
           height="24"
+          style="pointer-events: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
@@ -95,9 +95,9 @@ exports[`BlockVerticalAlignmentUI should match snapshot when controls are visibl
       >
         <svg
           aria-hidden="true"
-          disabled=""
           focusable="false"
           height="24"
+          style="pointer-events: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"

diff --git a/...ges/edit-post/src/components/back-button/test/__snapshots__/fullscreen-mode-close.js.snap b/...ges/edit-post/src/components/back-button/test/__snapshots__/fullscreen-mode-close.js.snap
@@ -10,9 +10,9 @@ exports[`FullscreenModeClose when in full screen mode should display a default s
     >
       <svg
         aria-hidden="true"
-        disabled=""
         focusable="false"
         height="36px"
+        style="pointer-events: none;"
         viewBox="-2 -2 24 24"
         width="36px"
         xmlns="http://www.w3.org/2000/svg"

diff --git a/packages/primitives/src/svg/index.js b/packages/primitives/src/svg/index.js
@@ -97,8 +97,10 @@ export const SVG = forwardRef(
 				clsx( className, { 'is-pressed': isPressed } ) || undefined,
 			'aria-hidden': true,
 			focusable: false,
-			// Safari does not obey `focusable`, but it does obey `disabled`.
-			disabled: true,
+			style: {
+				...props.style,
+				pointerEvents: /** @type {'none'} */ ( 'none' ),
+			},
 		};
 
 		// Disable reason: We need to have a way to render HTML tag for web.