npm - @patternfly/react-core - Versions diffs - 4.242.7 → 4.243.0 - Mend

@patternfly/react-core 4.242.7 → 4.243.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/src/demos/ComposableMenu/examples/ComposableOptionsMenuVariants.tsx CHANGED Viewed

@@ -37,7 +37,9 @@ export const ComposableOptionsMenuVariants: React.FunctionComponent = () => {
     ev.stopPropagation(); // Stop handleClickOutside from handling
     setTimeout(() => {
       if (menuRef.current) {
-        const firstElement = menuRef.current.querySelector('li > button,input:not(:disabled)');
+        const firstElement = menuRef.current.querySelector(
+          'li > button:not(:disabled), li > a:not(:disabled), input:not(:disabled)'
+        );
         firstElement && (firstElement as HTMLElement).focus();
       }
     }, 0);

package/src/demos/ComposableMenu/examples/ComposableSimpleCheckboxSelect.tsx CHANGED Viewed

@@ -43,7 +43,7 @@ export const ComposableSimpleCheckboxSelect: React.FunctionComponent = () => {
     ev.stopPropagation(); // Stop handleClickOutside from handling
     setTimeout(() => {
       if (menuRef.current) {
-        const firstElement = menuRef.current.querySelector('li input:not(:disabled)');
+        const firstElement = menuRef.current.querySelector('li > button:not(:disabled), li > a:not(:disabled)');
         firstElement && (firstElement as HTMLElement).focus();
       }
     }, 0);

package/src/demos/ComposableMenu/examples/ComposableSimpleDropdown.tsx CHANGED Viewed

@@ -38,7 +38,7 @@ export const ComposableSimpleDropdown: React.FunctionComponent = () => {
     ev.stopPropagation(); // Stop handleClickOutside from handling
     setTimeout(() => {
       if (menuRef.current) {
-        const firstElement = menuRef.current.querySelector('li > button:not(:disabled)');
+        const firstElement = menuRef.current.querySelector('li > button:not(:disabled), li > a:not(:disabled)');
         firstElement && (firstElement as HTMLElement).focus();
       }
     }, 0);

package/src/demos/ComposableMenu/examples/ComposableSimpleSelect.tsx CHANGED Viewed

@@ -37,7 +37,7 @@ export const ComposableSimpleSelect: React.FunctionComponent = () => {
     ev.stopPropagation(); // Stop handleClickOutside from handling
     setTimeout(() => {
       if (menuRef.current) {
-        const firstElement = menuRef.current.querySelector('li > button:not(:disabled)');
+        const firstElement = menuRef.current.querySelector('li > button:not(:disabled), li > a:not(:disabled)');
         firstElement && (firstElement as HTMLElement).focus();
       }
     }, 0);

package/src/demos/ComposableMenu/examples/ComposableTreeViewMenu.tsx CHANGED Viewed

@@ -210,7 +210,7 @@ export const ComposableTreeViewMenu: React.FunctionComponent = () => {
     ev.stopPropagation(); // Stop handleClickOutside from handling
     setTimeout(() => {
       if (menuRef.current) {
-        const firstElement = menuRef.current.querySelector('li button:not(:disabled)');
+        const firstElement = menuRef.current.querySelector('li > button:not(:disabled), li > a:not(:disabled)');
         firstElement && (firstElement as HTMLElement).focus();
       }
     }, 0);