[InputBase] Fix autofill issue (#28070)

Author: mnajdova

packages/material-ui/src/InputBase/InputBase.js

@@ -212,6 +212,16 @@ export const InputBaseComponent = styled('input', {
     }),
   };
 });
+
+const inputGlobalStyles = (
+  <GlobalStyles
+    styles={{
+      '@keyframes mui-auto-fill': { from: { display: 'block' } },
+      '@keyframes mui-auto-fill-cancel': { from: { display: 'block' } },
+    }}
+  />
+);
+
 /**
  * `InputBase` contains as few styles as possible.
  * It aims to be a simple building block for creating an input.
@@ -483,12 +493,7 @@ const InputBase = React.forwardRef(function InputBase(inProps, ref) {
 
   return (
     <React.Fragment>
-      <GlobalStyles
-        styles={{
-          '@keyframes mui-auto-fill': {},
-          '@keyframes mui-auto-fill-cancel': {},
-        }}
-      />
+      {inputGlobalStyles}
       <Root
         {...rootProps}
         {...(!isHostComponent(Root) && {