stop propagation in instances of onclear closing menus

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>

Author: gitdallas

packages/react-core/src/demos/CustomMenus/examples/InlineSearchFilterMenuDemo.tsx

@@ -78,7 +78,10 @@ export const InlineSearchFilterMenuDemo: React.FunctionComponent = () => {
             value={input}
             aria-label="Filter menu items"
             onChange={(_event, value) => handleTextInputChange(value)}
-            onClear={() => handleTextInputChange('')}
+            onClear={(event) => {
+              event.stopPropagation();
+              handleTextInputChange('');
+            }}
           />
         </MenuSearchInput>
       </MenuSearch>

packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx

@@ -337,7 +337,10 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent =
           aria-label="Filter menu items"
           value={searchValue}
           onChange={(_event, value) => onTextChange(value)}
-          onClear={() => onTextChange('')}
+          onClear={(event) => {
+            event.stopPropagation();
+            onTextChange('');
+          }}
         />
       </MenuSearchInput>
       <Divider />